Hazy Nightshade color palette — #9FF2FF · #57ABD0 · #186EAE · #22309E · #30007A

Indigo and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#9FF2FF): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#57ABD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#186EAE): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#22309E): A deep, shadowed, vivid violet — the color of wild irises.
• Royal Purple (#30007A): A deep, shadowed, vivid violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

One click turns Hazy Nightshade into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Frosted Aubergine color palette (#D9EDE5, #33B2C8, #006CAD, #3B2B87, #25002F)
• Hushed Aubergine Pier color palette (#A9F3FF, #6AD5FF, #5BA6F4, #5871C3, #321874)
• Feathered Workshop color palette (#CBE9FF, #7E9FE0, #5657AF, #522095, #510068)
• Weathered Aubergine Studio color palette (#C6EAF6, #0082C4, #004599, #210077, #1C003C)
• Soft Navy color palette (#A7F9E6, #46A9AB, #007086, #00496A, #002E5A)
• Hushed Cobalt color palette (#B5F6DD, #35C9E5, #008DD5, #4F4CA7, #4A1561)
• Faded Studio color palette (#DDF6E1, #0094B9, #3155A7, #771600, #0B344B)
• Frosted Indigo color palette (#ECF7FF, #27D9EC, #0FA6F9, #7266E6, #193150)

Browse the whole catalog at Explore, or see today's palette.