All products
Design Assets Bundle

Palette Pack — Indie SaaS Edition

60 curated palettes, 4 formats, AA contrast. One payment.

A color story you don't have to think about.
See use cases ↓
One-time paymentLifetime updatesCommercial license

60

Palettes

10

Segments

4

Formats per palette

90%

AA pass rate (pre-curation)

What you'll be able to do

Concrete outcomes, not vague promises.

01

AI tool dashboard

Building an AI SaaS dashboard — dark mode by default, neon accents on the primary CTA. Pick a cyberpunk-ai palette, drop the Figma tokens into Tokens Studio, push to your team's library. Every chart, button, and modal uses the system.

A polished dashboard that doesn't look like every other Bootstrap template.
02

Notion template pack

Selling Notion templates on Gumroad. Pick 3-4 notion-pop palettes, mix-and-match across your cover, headers, and callouts. Ship the template with the palette names as 'design system: included'.

A Notion template that feels intentional, not assembled from random colors.
03

Indie SaaS landing page

Landing page for a new indie SaaS. Pick warm-indie-maker for warmth, or brutalist-mono for opinion. The Tailwind config drops into your Next.js project in 30 seconds.

A landing page that looks like you hired a designer (you didn't).
04

Content / docs SaaS

Building a content product — blog, docs, knowledge base. Editorial SaaS Cream palettes are off-white + ink with one accent. Quiet, readable, doesn't fight the content.

A docs product that doesn't feel like every other Tailwind UI template.
05

Figma design system foundation

Starting a new design system in Figma. Import the tokens.json files, push to Tokens Studio, sync to GitHub. Your design tokens are now version-controlled and 10 aesthetic variants ship with the system.

A design system with 10 variants out of the box, not 1.

Built for

If any of these are you, this is for you.

Indie SaaS founders shipping fast and tired of looking like every other dashboardAI tool builders who want dark-mode-first palettes with neon accentsNotion template creators who want their covers and callouts to feel intentionalDesigners building design systems — start with 10 segments instead of 1Frontend devs who'd rather drop in tokens than fight with HSL mathAnyone selling digital products on Gumroad who wants a real color story
Built withFigma Tokens StudioTailwind CSSCSS Custom PropertiesSketchOKLCH color spaceWCAG 2.x AA

Why this playbook works

Three things that make this different from a wall of prompts.

10 vertical-niche segments, 6 palettes each

Cyberpunk AI 2026 for AI dashboards, Editorial SaaS Cream for content products, Brutalist Mono for indie hackers, Warm Indie Maker for landing pages, Mediterranean Sage for wellness tools, Memphis 90s for creator products, Wellness Rose for journaling, Notion Pop for templates, Y2K Cyber for fashion brands, Quiet Luxury for B2B. Each segment has its own hue range, chroma profile, and harmony biases.

4 formats per palette — same colors, every framework

Figma Design Tokens (W3C spec) for Tokens Studio. Tailwind config for tailwind.config.js. CSS variables for globals.css. Sketch palette files for Sketch. The colors you see are the same in every format. Pick the one your stack uses.

8 semantic roles per palette — not just 5 raw swatches

Every palette defines bg, surface, surface-elevated, text, text-muted, primary, accent, border. That's a design-token system, not a flat list. Drop it in and your UI components just work — buttons, cards, borders, hover states all use the right colors automatically.

AA contrast validated, then hand-curated

Algorithmic generation (OKLCH + harmony rules) produces 300 candidates. 90% pass WCAG AA on text and UI. The top 60 are picked by score + visual character (the 20% hand curation that separates a real product from a random generator). The contrast ratios are baked into INDEX.json so you can verify before you ship.

5 real UI mockup templates + 60 PNG previews

Not dry swatches. SaaS hero landing, dashboard, pricing panel, Notion cover, dark/light compare. Each rendered with 5 flagship palettes at 1200×800 PNG. Plus a 1200×800 hero preview for every curated palette. See exactly what you're getting before you write a line of CSS.

Commercial license, lifetime updates

Use in unlimited personal and commercial projects. Use in products you sell (SaaS, apps, courses, Notion templates). Lifetime re-downloads from the same payment link. No subscription. No JavaScript-framework-specific gotchas.

Quick start

Drop the package into your project and start using the commands.

terminal
$tar -xzf palette-pack-indie-saas-1.0.0.tgz
$# Open contact-sheet.html in any browser to browse all 60 palettes
$# Drop a figma.tokens.json into Tokens Studio
$# Or paste styles.css into your globals.css
$# Or extend tailwind.config with theme.extend.colors

What's in the box

  • 60 palettes
    in 4 formats each
  • Figma Design Tokens
    W3C spec, Tokens Studio-ready
  • Tailwind config
    theme.extend.colors block per palette
  • CSS variables
    8 semantic tokens per palette
  • Sketch palettes
    *.sketchpalette files
  • 60 hero mockups
    1200×800 PNG previews
  • 5 mockup templates
    hero, dashboard, pricing, Notion cover, dark/light
  • INDEX.json
    machine-readable palette lookup
  • contact-sheet.html
    browse all 60 in a browser
  • README.md
    install + format explanations
  • LICENSE.md
    single-seat commercial

Everything in the pack

What you get the moment your payment clears.

60 hand-curated palettes across 10 aesthetic segments
Figma Design Tokens (W3C spec) — drop into Tokens Studio
Tailwind config (theme.extend.colors) — drop into tailwind.config.js
CSS variables (8 semantic tokens per palette) — paste into globals.css
Sketch palette files — drop into Sketch's document palette
SVG swatch sheet per palette (8 swatches + hex codes)
60 PNG hero mockups (1200×800) showing each palette on real SaaS UI
5 SVG mockup templates: hero, dashboard, pricing, Notion cover, dark/light compare
AA contrast validated — text 4.5:1, UI 3:1, generated then hand-curated
INDEX.json — machine-readable palette lookup with contrast data
Commercial single-seat license (Studio tier)
Lifetime updates — buy once, re-download forever

Full documentation

Everything in the package, every prop, every pattern.

Documentation coming soon.

Common questions

Things people ask before buying.

Why not just use Coolors / Huemint / RealtimeColors?

Those are great for one-off palette exploration. This pack is for people who want 60 production-ready palettes with semantic tokens, in 4 formats, with mockups, with AA contrast already validated. Different tool, different job — this is the shipping artifact, not the brainstorming tool.

Will these palettes actually look good on my real product?

Yes, by design. Every palette ships with 5 mockup templates (hero, dashboard, pricing, Notion cover, dark/light compare) at 1200×800 PNG. Open the ZIP, browse the mockups, see exactly how each palette looks on real SaaS UI before you write a line of CSS.

Are the palettes AA accessible?

Yes. All 60 curated palettes pass WCAG AA on text (≥ 4.5:1) and UI elements (≥ 3:1). The algorithmic generator produces ~90% AA-pass rates; the top 60 are picked from those. The exact contrast ratios are in INDEX.json for buyers to verify.

Can I use these in commercial products?

Yes — single-seat commercial license. Use in unlimited products you build (SaaS, apps, courses, Notion templates, client deliverables). Don't resell the palettes themselves as a competing palette product. Don't redistribute the ZIP publicly.

What if a palette doesn't fit my project?

You get 60 palettes across 10 aesthetic segments. If none of them fit, the pack probably isn't for you — and that's fine. Pick what works, leave the rest. No refunds on digital goods, but you can always email for help picking.

How do updates work?

Lifetime updates. When new segments or palettes are added, the ZIP gets re-published to the same Gumroad/Stripe payment link. Re-download any time, no extra charge. No subscription, no recurring fees.

£15 — lifetime

One purchase. Yours forever.

Pay once via Stripe. Get the complete package instantly. Free updates for the same major version. Commercial license included.

Secure payment via Stripe · Instant download · 30-day money-back if it doesn't save you time