Hushed Lagoon color palette — #E9F4F3 · #8ABEC1 · #32847B · #345D5A · #0E2D2E

A conversation between Teal and Ash, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#E9F4F3): bright and airy, almost weightless.
• Ash (#8ABEC1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#32847B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#345D5A): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#0E2D2E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Olive Canyon color palette (#E9F5ED, #B1B986, #61804A, #325D5F, #132D24)
• Turquoise Workshop color palette (#CDECF6, #46C1CF, #0082A2, #005579, #102B44)
• Weathered Summit color palette (#F7F6E8, #7BC0A3, #2A8186, #5A5A52, #40443D)
• Patina Amber color palette (#E5F4FE, #45B1DC, #CF7040, #006F90, #391C2E)
• Weathered Balcony color palette (#DCF0ED, #46A17B, #006357, #00414B, #001617)
• Dusty Powder Station color palette (#E6F4FF, #D5D4EB, #BEB8F4, #3D8D9A, #223240)
• Olive Corridor color palette (#F4F7EA, #8DD6B9, #539F95, #6F7832, #334B06)
• Shadow Forest color palette (#CFE6DE, #386530, #00331D, #001817, #000201)

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