Hazy Lapis color palette — #CCE5D4 · #987C00 · #5B5BC0 · #584700 · #211C5E

Iris and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CCE5D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Ochre (#987C00): A full-bodied, balanced green — the color of fresh herbs.
• Iris (#5B5BC0): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#584700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#211C5E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Indigo Dune color palette (#DEF5E9, #98903E, #7167CF, #605800, #312B65)
• Patina Lapis Coast color palette (#D3EDDC, #967D00, #4255E5, #544500, #06063C)
• Pale Grape Study color palette (#C8E6DD, #7A9C2B, #7930AC, #3C5200, #37164F)
• Grape Field color palette (#DFF4EB, #6B7400, #6836B0, #383D00, #240049)
• Muted Balcony color palette (#E9DDC2, #BFAA28, #3C69EC, #726400, #162650)
• Worn Bronze Boulevard color palette (#F5D4E0, #B76809, #0072A5, #6C3B00, #002C44)
• Gentle Mustard color palette (#EBDCBF, #E5BF30, #6B86EA, #9C7F00, #192354)
• Olive Delta color palette (#EAF9F4, #93A972, #9D76BE, #537200, #4E3662)

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