Hazy Lagoon color palette — #EBFDD6 · #76F6E6 · #00AFC8 · #137CA9 · #4A314A

Cyan takes the lead with Sea Foam close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#EBFDD6): A whisper-light, dusty green — the color of fresh herbs.
• Sea Foam (#76F6E6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00AFC8): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#137CA9): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4A314A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Hushed Azure Garden color palette (#E0FFE0, #74E1FE, #27A1FC, #566BAE, #393256)
• Feathered Courtyard color palette (#EAFAEF, #65E9FF, #FF9F6F, #009BAE, #522E1B)
• Seafoam Orchard color palette (#A3F0E5, #33E3E6, #1BC0DA, #3891AD, #2E4B62)
• Feathered Teal color palette (#FAF8CF, #90EBB5, #00C1AD, #00838C, #234B39)
• Turquoise Terrace color palette (#AEEEED, #3EB8C1, #008697, #005E72, #002F3E)
• Aged Orchard color palette (#E4FEE4, #D3E6FC, #62B8F7, #6573A7, #684A58)
• Antique Thicket color palette (#91FFE8, #00C9D7, #008BC6, #004D9D, #1C1162)
• Worn Pier color palette (#DCECE7, #00999C, #00617D, #002A4A, #030020)

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