Hushed Lagoon color palette — #EFF7F9 · #D4DAE8 · #BEBEDF · #00999E · #304349

Cerulean and Lavender set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D4DAE8): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#BEBEDF): A luminous, dusty violet — the color of wild irises.
• Cerulean (#00999E): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#304349): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Worn Petrol color palette (#E8F0F4, #CFD9E1, #ADB8CA, #008091, #1B313A)
• Dusty Cobalt color palette (#F0F6FC, #DAD7E5, #CBB9D5, #148CDD, #334150)
• Tempered Emerald color palette (#EDF8F7, #D0DBE4, #B0C2DA, #00A14D, #2E4543)
• Cerulean Villa color palette (#DBEAF3, #0093C0, #354467, #002B3B, #01151B)
• Ash Bloom color palette (#F2F5FB, #DCD8DE, #BEAFB2, #9099C3, #4E535B)
• Denim Harbor color palette (#DEE7F1, #AFB4C1, #9392AC, #00519E, #071424)
• Worn Lantern color palette (#E7FBEE, #AFC48F, #359D5B, #00787B, #31410E)
• Bronze Market color palette (#B6F2DD, #90D2D1, #7E9DC5, #A16327, #514C00)

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