Hushed Lagoon color palette — #F9F4EE · #CFE7D4 · #55C1E3 · #00A291 · #003F5D

Fern takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#CFE7D4): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#55C1E3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A291): A luminous, balanced teal — the color of sea glass.
• Navy (#003F5D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Hushed 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

• Tempered Balcony color palette (#C7EEE3, #48D2D0, #00B4C0, #00879F, #00465E)
• Cerulean Studio color palette (#FAF4EC, #C1EBDF, #93B1EF, #009AC1, #33365E)
• Antique Sky color palette (#FBF2F9, #CFD7EC, #32B3EF, #238256, #1B2F4B)
• Timeworn Courtyard color palette (#F8F5EF, #C2DFE5, #9FC6EB, #58B5A1, #2F5345)
• Muted Alley color palette (#F1E9DC, #65ADBC, #0080A6, #005E58, #000A16)
• Washed Boulevard color palette (#CFEEDB, #31C0E2, #E07CC5, #AD9500, #00313C)
• Tempered Cerulean color palette (#ECF4ED, #9FD0E3, #3088A2, #005C52, #002339)
• Quiet Turquoise Archive color palette (#CEFFE6, #85D8F5, #1BB3E5, #007FA5, #002833)

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