Hushed Lagoon color palette — #F8F1E5 · #ABBA8E · #498362 · #365F49 · #2B2810

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#ABBA8E): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#498362): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#365F49): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#2B2810): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Lagoon color palette (#F4F2E9, #ADBA8F, #008782, #614D63, #242A16)
• Worn Lantern color palette (#F9F6E4, #96BC88, #518061, #4B6047, #454600)
• Washed Driftwood color palette (#F8F0EB, #D5C0A1, #808856, #725963, #34302A)
• Olive Parlor color palette (#FDEFE2, #B1AA66, #397E18, #603D65, #252100)
• Lagoon Archive color palette (#ECF9EF, #BBCC9E, #619F7D, #547789, #2D4941)
• Weathered Studio color palette (#F8F0EC, #C5E6CA, #2B99C8, #296E47, #392338)
• Linen Emerald Meadow color palette (#EBE5D0, #52AC58, #006A5C, #004365, #001D03)
• Patina Corridor color palette (#ECE2D6, #8B9453, #00672C, #4D2B48, #171200)

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