Hushed Lagoon color palette — #ECF8F6 · #A3C9CA · #5B8A91 · #476E69 · #3A5253

Storm Blue takes the lead with Teal close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Stone (#A3C9CA): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5B8A91): A luminous, dusty blue — the color of open sky before noon.
• Teal (#476E69): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3A5253): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Dusty Cerulean Courtyard color palette (#E3FAFF, #7CC5C9, #1F92AB, #006E8F, #3A566D)
• Aged Cerulean color palette (#ECF7FF, #D8D9E4, #DDBEE5, #5796A0, #3C4E5E)
• Washed Quarry color palette (#EDF7FF, #A6CDEA, #4088AD, #005783, #073C54)
• Muted Petrol Bloom color palette (#ECF7FE, #8BB7D0, #C4886F, #007F9E, #694231)
• Cypress Workshop color palette (#EBF9F3, #72A79D, #3A704D, #005751, #153D37)
• Hushed Courtyard color palette (#D6E7E2, #5B865F, #005239, #003637, #002206)
• Tempered Corridor color palette (#F7F6EB, #CBD6B8, #57ABAA, #897F36, #42550F)
• Olive Grove color palette (#ECF7FF, #65A1BE, #AE7690, #7A7B35, #2E4655)

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