Hazy Nightshade color palette — #CFE8F1 · #006D73 · #3C2BBD · #491300 · #000102

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

The five colors

• Frost (#CFE8F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#006D73): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#3C2BBD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#491300): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

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

• Twilit Aubergine color palette (#C8EEFB, #00696D, #2C0095, #271700, #000202)
• Aged Nightshade color palette (#D6E9E4, #4D7E1B, #2F00B5, #4B1000, #000200)
• Muted Harbor color palette (#FCE4CE, #00897C, #003D90, #2B1500, #000102)
• Nightshade Courtyard color palette (#CEEAF1, #004F4B, #1C1994, #280049, #000201)
• Faded Nightshade color palette (#D8EFEF, #00A872, #3A00D7, #00482E, #00000C)
• Shadow Garnet color palette (#D7F2F9, #005959, #6C004E, #1A1A00, #000102)
• Charred Quarry color palette (#DAEFD7, #004F4B, #5D0057, #37002D, #000605)
• Quiet Brick Market color palette (#E3F0FF, #006FDA, #B50022, #1E4300, #000105)

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