Hushed Lagoon color palette — #E7FBEE · #B3EBF0 · #B0BAF2 · #258687 · #3A584B

Teal and Lavender set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#B3EBF0): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#B0BAF2): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#258687): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#3A584B): A full-bodied, dusty teal — the color of sea glass.

Feels like: Creativity, Calm, Sophistication. Tagged pastel, light, 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

• Weathered Lagoon Grove color palette (#F0F9E8, #C3E3DA, #8DCAE3, #669064, #3E503A)
• Aged Petrol Coast color palette (#E7FBF2, #FEDCE7, #C7C1F5, #1B8592, #534255)
• Worn Mallow color palette (#E9F6E8, #B2E9F2, #E3BEFD, #5B8862, #1F3A2F)
• Lilac Courtyard color palette (#ECF7FF, #AFC8FC, #AE93FF, #007080, #0D3469)
• Worn Cerulean color palette (#E6FBF5, #E8D6D0, #A19384, #598EA3, #5F4D5C)
• Tempered Teal Lantern color palette (#EAF8FF, #D7DAE5, #7DBFBA, #BDA7AB, #405361)
• Worn Summit color palette (#D7EAF4, #6FA3E2, #7168B7, #004447, #001C2F)
• Cobalt Boulevard color palette (#FFF0FC, #F0D1EC, #E295E7, #107CD0, #3F4168)

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