Hazy Lagoon color palette — #E4F6F6 · #5F9D79 · #00727E · #003D86 · #271239

A conversation between Navy and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E4F6F6): bright and airy, almost weightless.
• Fern (#5F9D79): A luminous, balanced teal — the color of sea glass.
• Teal (#00727E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003D86): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#271239): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Airy Coast color palette (#E3F6FB, #2AA09C, #006C9D, #3D337B, #350630)
• Cypress Orchard color palette (#E6F6F0, #879650, #007758, #004957, #0B1B42)
• Hazy Aubergine Pier color palette (#D4EEF6, #007A7E, #00497C, #330064, #000F03)
• Basalt Grove color palette (#D6FAF4, #90BDBD, #648F94, #405D77, #233754)
• Ancient Cabin color palette (#C4E8ED, #008570, #00546D, #1D0085, #1D0021)
• Patina Jade Station color palette (#F6F6E8, #88B46A, #009487, #00668D, #46350C)
• Lagoon Lagoon color palette (#E5F6F3, #93BDBA, #4A8367, #5C562B, #0E2D2B)
• Worn Lantern color palette (#FCF4EA, #B17C3D, #007274, #613463, #53273E)

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