Hazy Grove color palette — #CCE6D2 · #EEBA30 · #817EEA · #A27C00 · #242150

Lavender Blue takes the lead with Saffron close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Celadon Mist (#CCE6D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Saffron (#EEBA30): A luminous, balanced gold — the color of old brass.
• Lavender Blue (#817EEA): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A27C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#242150): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Worn Periwinkle color palette (#F5D4DE, #FFAF4D, #729EFF, #9B6000, #102557)
• Mustard Hollow color palette (#DAF7E5, #DDBD00, #B4A1F7, #A59130, #372E55)
• Dusty Lantern color palette (#EDDCBB, #C6A728, #4E6BDA, #776100, #162259)
• Airy Loft color palette (#DFF4E8, #C2B22D, #A644D9, #7E7200, #2B003E)
• Soft Chartreuse Garden color palette (#C4E7DD, #A4D733, #BA85EF, #5B7C00, #331C48)
• Ancient Violet color palette (#E4E0D1, #D6B535, #B574C3, #8069DF, #002713)
• Weathered Rust color palette (#F2D4E4, #FFAC7D, #04B3DB, #AE5000, #002E3B)
• Washed Amethyst Pier color palette (#F4EBDB, #A07803, #744ACD, #5A4200, #170039)

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