Hazy Indigo color palette — #DDE1EF · #535DFD · #7C6300 · #2D2BA8 · #150F00

Cornflower Indigo and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDE1EF): bright and airy, almost weightless.
• Cornflower Indigo (#535DFD): A full-bodied, vivid violet — the color of wild irises.
• Olive (#7C6300): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#2D2BA8): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#150F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Hazy Indigo 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

• Antique Sapphire color palette (#E8DBE8, #0272E9, #8D5900, #00418D, #190C00)
• Nightshade Orchard color palette (#E0E9FC, #5C6EED, #7D6400, #2600AE, #020100)
• Lapis Courtyard color palette (#F3DFEA, #5640CC, #624600, #2A007E, #170E00)
• Washed Lapis Alley color palette (#E3ECFE, #777FEF, #9E7A00, #4F21FD, #160E00)
• Misty Byzantium color palette (#E5DBF0, #A417F4, #5D7000, #620095, #0D1200)
• Lapis Alley color palette (#DDE2FF, #502FFF, #6F5800, #2C501D, #050026)
• Misty Canyon color palette (#DFE2FF, #A2A5FF, #919200, #5123E1, #303000)
• Soft Terracotta color palette (#C7EDFB, #0084A6, #A34600, #004D62, #1F0800)

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