Hushed Lagoon color palette — #EDF8F4 · #8ABAB5 · #2F846D · #5D5471 · #2F4845

A conversation between Fern and Ash, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Ash (#8ABAB5): A luminous, dusty teal — the color of sea glass.
• Fern (#2F846D): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#5D5471): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#2F4845): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Basin color palette (#E9F9F5, #73A98B, #007269, #6D3B34, #0F3D3D)
• Muted Seafoam Garden color palette (#E8F9F6, #A2D3A6, #6D9C7E, #876775, #2A4946)
• Timeworn Harbor color palette (#F2F3E5, #97BF9B, #4F8264, #79480E, #262A13)
• Weathered Quarry color palette (#FAF3F5, #C9DFF4, #6988CE, #006F7B, #3F4660)
• Cerulean Market color palette (#EAFAEB, #BF9857, #0098BD, #855D00, #23475A)
• Lagoon Pier color palette (#D0E5E1, #098F6C, #004F4F, #521907, #002116)
• Fern Harbor color palette (#F7F6E8, #D3D9B6, #87B9A2, #A98685, #404800)
• Bronze Studio color palette (#DFFFE5, #D4AA66, #966D00, #593C00, #3A2700)

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