Hazy Lagoon color palette — #F0F5FF · #6C88FF · #967D00 · #3543D3 · #463900

Cobalt and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender Blue (#6C88FF): A luminous, vivid violet — the color of twilight just after sunset.
• Olive Leaf (#967D00): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#3543D3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#463900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Frosted Market color palette (#F2F5FF, #9A7CED, #8D8000, #682DC8, #423B00)
• Sunlit Ultramarine Alley color palette (#EFF6FF, #749FFF, #C45D00, #0933C9, #5E2900)
• Frosted Nightshade Workshop color palette (#D3DEF8, #7070D6, #716E00, #401FB7, #2C2B00)
• Antique Azure color palette (#EBF7FF, #00A1D4, #A27600, #006586, #4D3600)
• Chalky Ultramarine color palette (#FFEBFB, #6A91FF, #00997A, #2A49CA, #00281E)
• Soft Pier color palette (#E4EBFF, #536DFE, #916C00, #5C6800, #242E51)
• Hazy Thicket color palette (#F4F4FF, #B58DCB, #589C54, #81489F, #2E4B2C)
• Quiet Mulberry color palette (#F6F3FF, #D97AD6, #728B00, #810381, #344100)

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