Hazy Lagoon color palette — #FFF4E2 · #95ECE7 · #00C0D1 · #009C72 · #003948

A conversation between Fern and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sea Foam (#95ECE7): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00C0D1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009C72): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Faded Pier color palette (#FDF4E6, #99E7FF, #1BB8FA, #009796, #00345D)
• Aqua Pier color palette (#F9F4EE, #C3E8E2, #5ACEF4, #51AA9D, #2D5044)
• Dusty Pine Study color palette (#FFF2EE, #88DCD6, #009CBB, #147813, #00355B)
• Wandering Cerulean color palette (#E4DFD7, #7ED0D1, #00A4BB, #008066, #002330)
• Washed Lagoon color palette (#DCF9F2, #7ACCC7, #008286, #005346, #001F23)
• Periwinkle Orchard color palette (#FAF4EB, #BFEBDE, #85B2FF, #009BBD, #4E2E45)
• Patina Petrol Courtyard color palette (#E8E2D9, #69ACBB, #0080A6, #005E58, #000A16)
• Frosted Lime Lagoon color palette (#E1FFD8, #A1F6CF, #0AEBF0, #A1AE00, #003F27)

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