Hushed Lagoon color palette — #DEE9F6 · #3575C5 · #2C2D4D · #0C1723 · #02070B

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEE9F6): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#3575C5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2C2D4D): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0C1723): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#02070B): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Washed Petrol Meadow color palette (#D9EEF6, #008492, #1C324C, #07181F, #020808)
• Antique Iris Pier color palette (#E9EDFB, #8079B9, #3F3650, #1A1D2B, #090D11)
• Tempered Orchard color palette (#EDE0ED, #4C8FEB, #5F444E, #352A35, #121B16)
• Emerald Quarry color palette (#ECF2FF, #7B83DE, #399546, #437A49, #151D33)
• Shadow Byzantium Chapel color palette (#E2E2EF, #9035C4, #4D0A2A, #0F0A27, #01030B)
• Hushed Bloom color palette (#DBEEFF, #7FA3E8, #796AD5, #654085, #302440)
• Shadow Lapis color palette (#DFE9FF, #4A12F2, #36003A, #050221, #000103)
• Hushed Ridge color palette (#E8F6EF, #94C09B, #00887B, #395874, #0D2D2B)

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