Hazy Nightshade color palette — #E2EBF7 · #3F75EF · #007A5C · #001DA9 · #000201

Indigo and Sapphire set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#E2EBF7): bright and airy, almost weightless.
• Sapphire (#3F75EF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Teal (#007A5C): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#001DA9): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#000201): quiet, heavy and certain.

Feels like: Creativity, Calm, Energy, Balance. Tagged vibrant, 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

• Powdered Market color palette (#E6E8FC, #915BDD, #00767B, #4E008D, #000202)
• Muted Ridge color palette (#DFEFFA, #008AB6, #427800, #004259, #000200)
• Frosted Mulberry color palette (#D7E2F8, #2C5CD2, #92008D, #004D4F, #00000B)
• Faded Plum Studio color palette (#CFE6FF, #1C81D7, #B60079, #003D6E, #040002)
• Softworn Lapis Field color palette (#DCE3FC, #3932E5, #624200, #190080, #050200)
• Ultramarine Grove color palette (#DBE3F1, #5683FF, #9A7C00, #2246EC, #150F00)
• Washed Byzantium Coast color palette (#E0F3FF, #008BB1, #A015B2, #004357, #030004)
• Pale Brick color palette (#D7DEF4, #7B68DD, #C2011D, #40009D, #050000)

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