Hazy Lagoon color palette — #E0F1FF · #009ADA · #A77600 · #006F6D · #0F293B

Built around Cerulean, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Frost (#E0F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009ADA): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#A77600): A luminous, balanced gold — the color of old brass.
• Teal (#006F6D): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0F293B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, 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

• Pale Periwinkle color palette (#EAF3FF, #6894E4, #956800, #005A69, #00323B)
• Patina Basin color palette (#F2F5FF, #9C92DF, #B8842C, #007F7E, #2C3147)
• Cornflower Workshop color palette (#E3F0FF, #3A92ED, #009679, #00715B, #14283D)
• Violet Basin color palette (#F2F5FF, #826EDD, #AD5200, #005B56, #171C36)
• Peony Station color palette (#F1EBFB, #C967AB, #9D7B00, #006E76, #2B2136)
• Linen Grove color palette (#E7EEFF, #7F87DF, #C35C5C, #476C00, #1D263B)
• Hushed Iris Basin color palette (#FFF0F9, #8F92F1, #938D40, #696200, #230B1C)
• Cobalt Grove color palette (#DEEFFF, #0075B3, #6F6100, #004A5E, #000F1C)

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