Contribute to this project! 💡

Color Palettes

Accessible color palettes for real products, grouped by purpose and ready for dark and light themes. Copy any HEX or export the tokens as CSS variables, Tailwind or JSON.

Midnight SaaS

Calm indigo surfaces with a cyan highlight for data-heavy apps.

dark
Text AAA16.0Muted AA6.3

Cloud Dashboard

Crisp slate neutrals with a confident blue for admin panels.

light
Text AAA17.1Muted AA4.5

Analytics Violet

Deep violet base with pink accents that make charts pop.

dark
Text AAA16.3Muted AAA7.1

Terminal Green

Phosphor greens and a warning yellow for CLIs and consoles.

dark
Text AAA16.6Muted AAA7.2

Deep Sea

Low-glare navy tuned for long coding sessions.

dark
Text AAA13.5Muted AA6.8

Paper IDE

Warm off-white editor palette with familiar link blue.

light
Text AAA15.1Muted AA5.0

Coral Checkout

Energetic coral CTAs balanced by a trustworthy teal.

light
Text AAA15.7Muted AA5.3

Luxe Noir

Near-black with champagne gold for premium storefronts.

dark
Text AAA16.9Muted AAA7.1

Fresh Market

Leafy greens and a citrus orange for food and wellness.

light
Text AAA15.2Muted AA4.8

Synthwave

Retro magenta and electric cyan on a purple night sky.

dark
Text AAA16.4Muted AAA7.8

Cyber Lime

Acid lime against graphite for bold launches and portfolios.

dark
Text AAA17.9Muted AA7.0

Pastel Pop

Soft lilac surfaces with saturated purple and rose actions.

light
Text AAA14.8Muted AA4.6

Forest Floor

Mossy greens and amber for outdoorsy, organic brands.

dark
Text AAA15.9Muted AAA7.7

Desert Sand

Sun-baked neutrals with terracotta and oasis teal.

light
Text AAA12.5Muted AA4.8

Glacier

Icy blues for clean, airy and trustworthy interfaces.

light
Text AAA14.9Muted AA4.9

Graphite

Pure grayscale for content-first, distraction-free UIs.

dark
Text AAA19.0Muted AAA7.8

Ink & Paper

Black on white with a single blue for links and focus.

light
Text AAA19.8Muted AA5.3

Arctic Slate

Muted polar blues and sage for soft, cohesive dark modes.

dark
Text AAA10.8Muted AA6.5

Click any color to copy its HEX. Every palette passes WCAG AA for body text, and its tokens export as CSS variables, Tailwind or JSON.