Hushed Lagoon color palette — #E5F5F8 · #1F9D8E · #486EA7 · #4B4065 · #09201F

Fern and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5F5F8): bright and airy, almost weightless.
• Fern (#1F9D8E): A luminous, balanced teal — the color of sea glass.
• Slate (#486EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4B4065): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#09201F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Dusty Jade Bloom color palette (#E5F5F7, #0CAA88, #3A6895, #5A4C20, #0B211D)
• Weathered Teal Garden color palette (#DFF8F3, #39C2BB, #2E8595, #4D4D74, #1B3036)
• Dusty Cerulean color palette (#DFF1F8, #0094A0, #263F4B, #152024, #070E0F)
• Aged Study color palette (#F3F7ED, #599274, #6E5F8D, #743B3F, #37342E)
• Bronze Basin color palette (#E7F6EE, #918515, #2F7C6D, #6A3B37, #131F12)
• Grape Bloom color palette (#E7F4FD, #0083B5, #764C98, #0D532A, #00171E)
• Tempered Turquoise Station color palette (#E9F8FF, #50AABB, #6384B8, #8C5C6E, #223837)
• Lagoon Harbor color palette (#EAF4F5, #D0D8DF, #ABACB7, #5C8C93, #2E383A)

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