Hazy Lagoon color palette — #F9EBE5 · #9EE0E8 · #4DB2D9 · #089473 · #002F55

Built around Fern, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#F9EBE5): a clean, paper-quiet neutral.
• Ice Blue (#9EE0E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#4DB2D9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#089473): A full-bodied, balanced teal — the color of sea glass.
• Navy (#002F55): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Lagoon Hollow color palette (#FCF3EE, #C5EBD4, #80B9E1, #00A290, #283A5B)
• Cerulean Alley color palette (#DFF4F0, #8DD2DA, #0096AE, #006C6A, #003442)
• Powdered Ridge color palette (#ECDBCF, #9DCCB6, #3397EC, #007D79, #101949)
• Wandering Forest Station color palette (#F7EBE4, #6BC1BB, #0093A7, #00723C, #001623)
• Ancient Dune color palette (#EEE6EC, #7DC0C8, #007698, #004D3A, #00172D)
• Linen Ridge color palette (#E8F0D4, #91F5E9, #82D2F4, #9CA561, #003C2C)
• Wandering Teal color palette (#FBF3EF, #C3E0E8, #A6D2C0, #6FB1A0, #604A61)
• Washed Wisteria Study color palette (#DAE2C4, #7BDB98, #D27CD7, #008543, #3E1541)

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