Hushed Lagoon color palette — #FCF3EF · #CCE9D1 · #67BFE0 · #24A37C · #1A3D5B

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#CCE9D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#67BFE0): A luminous, balanced blue — the color of open sky before noon.
• Fern (#24A37C): A luminous, balanced teal — the color of sea glass.
• Navy (#1A3D5B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cerulean Villa color palette (#FAF4EE, #BDECDE, #92B0F7, #009DAF, #393360)
• Softworn Turquoise color palette (#F5F6EE, #B9E3EC, #00BAD4, #007F7B, #003441)
• Teal Atelier color palette (#FAF4F0, #C2E0E5, #A2C5EA, #75B193, #2D5348)
• Misty Marigold Balcony color palette (#F6DBEE, #94A7FF, #CB9D00, #6F9E3A, #21284C)
• Azure Harbor color palette (#F9EBE4, #88CCDD, #009DDD, #007F6D, #001C49)
• Softworn Cobalt color palette (#F7EBE5, #68ADB8, #007FAA, #005F4C, #00091A)
• Aged Cerulean Atelier color palette (#FAEEF6, #90D5DC, #2C87A6, #005E45, #072239)
• Weathered Balcony color palette (#FFF0FC, #E7D4E4, #FFB6B7, #57B7E1, #553949)

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