Hushed Lagoon color palette — #F3F6F1 · #D2DFDA · #B0C8C2 · #4AA18F · #454942

Built around Fern, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F3F6F1): a clean, paper-quiet neutral.
• Silver (#D2DFDA): bright and airy, almost weightless.
• Stone (#B0C8C2): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4AA18F): A luminous, balanced teal — the color of sea glass.
• Charcoal (#454942): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Wandering Abyss color palette (#F3F6EF, #D1DFDC, #B6B3BF, #6CAE94, #2F4803)
• Muted Corridor color palette (#F3F7EF, #CFE1DC, #B2C6C5, #627F41, #454A40)
• Abyss Orchard color palette (#EBF2E9, #A9B9AB, #7C9F87, #00605B, #0B1809)
• Weathered Powder color palette (#D7F6E2, #A0CEE7, #7FAB9F, #926D78, #63474A)
• Washed Lagoon color palette (#F0F7F1, #CBE6D3, #89C9E0, #00888F, #29372B)
• Dusty Thicket color palette (#DAE9DC, #00A2AE, #375544, #253227, #151A14)
• Tempered Bloom color palette (#EEF8F3, #C8E0E3, #E1C2E2, #0092C7, #2F453C)
• Airy Teal color palette (#F5F8DE, #41C8C3, #0096AD, #5E5C8F, #2D4430)

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