Hazy Garden color palette — #F0F5FF · #648BFF · #8E8000 · #2F4DC3 · #423B00

Built around Cobalt, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender Blue (#648BFF): A luminous, vivid violet — the color of wild irises.
• Olive Leaf (#8E8000): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#2F4DC3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#423B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Gentle Ultramarine Orchard color palette (#EBF2FF, #788DFF, #9F7E00, #3E46C6, #291F00)
• Quiet Lilac Ridge color palette (#F2F5FF, #9B75FF, #8C8100, #653ABA, #423C00)
• Navy Delta color palette (#EFF6FF, #67A2FF, #B66900, #0247A5, #572F00)
• Violet Terrace color palette (#D3DDFD, #7B64E8, #7E6800, #4928A5, #322800)
• Wandering Lapis color palette (#FFF0F9, #B5B8FF, #C78F00, #5D48DF, #4E3600)
• Muted Lagoon color palette (#E5EAFF, #5A6AFF, #8E6D00, #626600, #21304D)
• Dusty Wisteria Market color palette (#F4F4FF, #BE83DE, #639A5E, #7A538F, #1A4C46)
• Airy Rust color palette (#EBF7FF, #00A3CC, #CE5208, #006681, #642300)

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