Palettes with a job to do

Every palette ships with roles assigned — surface, support, primary, accent, ink — plus its contrast record. Copy it and you have a working theme, not five hex codes.

All UI palette Brand palette Editorial palette Dark mode palette Accessible palette Luxury palette Neon palette Pastel palette Data visualization palette Monochrome palette Minimal palette Cool palette Warm palette Bold palette Vintage palette Nature palette Seasonal palette
Product & industry Dashboard SaaS Healthcare Finance & fintech Crypto & Web3 E-commerce
Mood & style Minimal Luxury Vintage & retro Warm Cool Bold Pastel Dark mode
Text #20262E Secondary #3E4B59 Accent #7C8DA1 Primary #4C86C6 Surface #EEF1F4
Nordic Minimal Minimal

Slate-blue neutrals with a single cold accent. Scandinavian restraint: the accent shows up once per screen, on the thing you are meant to click.

5 colors WCAG AAA Product & marketing sites
Open palette →
Text #141414 Secondary #4A4A4A Accent #8C8C8C Primary #CFCFCF Surface #F7F7F5

One ink, one paper, three greys between. When there is no color to lean on, the whole design has to be carried by type and space — which is the point.

5 colors WCAG AAA Portfolios & editorial
Open palette →
Text #2E1E2A Accent #7A4E62 Primary #C98BA4 Secondary #F0CEDA Surface #FBF2F6
Boutique Blush Elegant

Blush and mauve for a shop that sells feeling, not spec sheets. A deep aubergine ink keeps prices and copy legible over the soft field.

5 colors WCAG AAA Beauty & boutique retail
Open palette →
Text #2A1A15 Accent #7A3B2E Primary #FF6B4A Secondary #F2C6A0 Surface #FBF3EC

Coral is the only CTA-grade tone, so "add to cart" never competes with a sale badge. Sand neutrals keep product photos the loudest thing on the page.

5 colors WCAG AAA E-commerce & retail
Open palette →
Text #08090D Secondary #171A24 Accent #C6FF3D Primary #FF3DA5 Surface #F0F2F6

Electric lime and magenta at full volume over ink — built for a landing page that has three seconds to convince. Structure stays black so the signal pops.

5 colors WCAG AAA DeFi landing pages
Open palette →
Text #0C0D10 Secondary #1D1F26 Primary #E8B923 Accent #5B6472 Surface #F1EFE7
Token Gold Luxury

Gold against graphite for exchanges that want to feel like a vault, not a casino. The green and red states sit muted so charts stay readable at speed.

5 colors WCAG AAA Crypto exchange
Open palette →
Text #0A0616 Secondary #1E103A Primary #7C3AED Accent #C4A5FF Surface #EDE7FB
Chain Violet Futuristic

A violet-on-black system for wallets and explorers. The accent glows because the surface is nearly lightless — depth comes from chroma, not shadow.

5 colors WCAG AAA Web3 & crypto
Open palette →
Text #26332A Accent #4E6A54 Primary #8FA98A Secondary #D6E0C8 Surface #F6F8F1

Sage and oat lower the pulse of an anxious moment. There is no hard black — the darkest tone is a soft forest, so nothing on the screen feels sharp.

5 colors WCAG AAA Wellness & wellbeing apps
Open palette →
Text #39304A Primary #7A6BA0 Accent #B7A6D9 Secondary #DCD0EE Surface #F7F2FB
Lilac Dawn Serene

A dawn lilac fading up to near-white, all held below full saturation. The whole ramp is quiet on purpose — a screen you can look at with your eyes half closed.

5 colors WCAG AAA Meditation & sleep apps
Open palette →
Text #0D2830 Secondary #155E63 Accent #3BA9AE Primary #F26D6D Surface #EDF7F7

Teal reads as "monitoring", not "alarm". The single coral is reserved strictly for critical states, so red means red and nothing else does.

5 colors WCAG AAA Clinical dashboards
Open palette →
Text #0A1428 Secondary #16294B Accent #3E5C8A Primary #B08D3F Surface #EFEADD

Midnight navy with a restrained brass line. Wealth products earn trust by staying quiet — the metal appears only on the one number that matters.

5 colors WCAG AAA Private banking
Open palette →
Text #0C1A14 Secondary #123524 Primary #1F8A5B Accent #8FD3B0 Surface #EEF6F1
Ledger Green Professional

The green is ledger-green, not go-green — desaturated so gains and losses stay legible side by side. Ink is near-black for dense numeric tables.

5 colors WCAG AAA Accounting & finance
Open palette →
Text #16241E Accent #2F5D50 Primary #10B981 Secondary #B7E4D4 Surface #F3F8F6

Mint owns the primary action and nothing else, so "confirm" is unmistakable. Neutrals stay warm-grey to keep the app friendly, not clinical.

5 colors WCAG AAA SaaS product UI
Open palette →
Text #0E141B Secondary #1B2733 Primary #2CC4D6 Accent #5A7387 Surface #E7EDF3
Console Slate Technical

A slate-blue dark surface with one cyan primary. The accent is loud so status and alerts read at a glance against the calm chrome.

5 colors WCAG AAA Developer dashboards
Open palette →
Text #1A1B3A Primary #4338CA Secondary #818CF8 Accent #F5A524 Surface #F4F5FB
Analytics Indigo Professional

Indigo carries every chart series; the surface stays paper-white so dense tables never feel heavy. One warm amber marks the outlier.

5 colors WCAG AAA Reporting & analytics
Open palette →
Text #241611 Secondary #5B2A18 Primary #B4501F Accent #E0904A Surface #F6E2C7

A roasted sequence that holds together in print and on screen. The mid orange is the only CTA-grade tone.

5 colors WCAG AAA Seasonal campaigns
Open palette →
Text #2B2A33 Primary #7C77C9 Accent #A8C4F0 Secondary #F7C8D8 Surface #FDF4F1
Soft Onboarding Playful

Pastels carry the illustrations while a deep plum keeps the copy legible. Friendly without becoming a toy.

5 colors WCAG AAA First-run flows
Open palette →
Text #0C0C0E Secondary #1E1E22 Accent #8A8478 Primary #C8B98D Surface #ECEAE4
Graphite Luxe Luxury

Champagne used the way a metal should be, at a fraction of the surface, over graphite and true black. No second accent and no colour; the restraint is the luxury.

5 colors WCAG AAA Premium brand
Open palette →
Text #14161A Secondary #2A2F38 Primary #5B6B7C Accent #A9B6C4 Surface #EEF2F6
Muted Dashboard Minimal

Five steps of one cool grey. Charts borrow saturation only where a series needs to be told apart.

5 colors WCAG AAA Data-heavy admin
Open palette →
Text #06070A Secondary #0F1420 Accent #14F195 Primary #7C5CFF Surface #E6F1FF
Neon Terminal Futuristic

Two accents at maximum chroma against near-black. Everything structural stays desaturated so the signal colors never compete.

5 colors WCAG AAA Developer tools
Open palette →
Text #0F2A2E Accent #17575E Primary #4FA8A0 Secondary #BFE3DC Surface #F2FAF8

Low-chroma teals lower the temperature of anxious moments. Surfaces stay near-white; the darkest tone is reserved for text.

5 colors WCAG AAA Healthcare products
Open palette →
Text #0A0A0A Secondary #1C1A16 Accent #8A6A2B Primary #C9A557 Surface #F3EAD6
Ink & Gold Luxury

Gold is a metal, not a highlighter — it works at 8% of the surface area, sitting on true blacks with a warm cast.

5 colors WCAG AAA Premium commerce
Open palette →
Text #1B1714 Secondary #3F3129 Primary #C46A3F Accent #E8D7C3 Surface #FAF5EE

Built around paper, not white. The clay accent only appears on pull quotes and links, so the page reads like print.

5 colors WCAG AAA Long-form reading
Open palette →
Text #0B1020 Secondary #16233F Primary #2F6BFF Accent #6FA8FF Surface #E8EEFB
Fintech Trust Professional

A deep navy base keeps balances calm while a single electric blue does all the pushing. Nothing else is allowed to shout.

5 colors WCAG AAA Dashboards & banking
Open palette →