Hushed Lagoon color palette — #E9F0E6 · #009883 · #2A422F · #1A2017 · #0B0D08

Built around Fern, softened by Forest — the whole palette hums with sophistication.

The five colors

• Cream (#E9F0E6): bright and airy, almost weightless.
• Fern (#009883): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#2A422F): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1A2017): a grounded near-black with real depth.
• Ink (#0B0D08): a grounded near-black with real depth.

Feels like: 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

• Cerulean Boulevard color palette (#E4F1EA, #0090B8, #463448, #14221B, #090E0A)
• Teal Lagoon color palette (#E4F6F8, #00B49B, #415D67, #2C3B3D, #1B2323)
• Velvet Hollow color palette (#D3E8D5, #007A7F, #002F3D, #001604, #020401)
• Weathered Peony color palette (#E5F7EC, #4FAAC4, #C06CA6, #827946, #182C22)
• Hushed Fern Dune color palette (#F2F3E9, #BFC9A2, #5B8F7D, #686518, #30322B)
• Amber Balcony color palette (#E8F6EC, #65C3D6, #D88266, #0A7F92, #362F2C)
• Worn Cerulean color palette (#E5F7DC, #72C7C4, #009DAC, #02667A, #1F4336)
• Eclipse Abyss Study color palette (#D2E3DC, #004A67, #25262F, #000C28, #000201)

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