Hushed Lagoon color palette — #F8F2E0 · #9CBE98 · #418373 · #415C52 · #272918

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

The five colors

• Cream (#F8F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9CBE98): A luminous, dusty green — the color of new leaves after rain.
• Fern (#418373): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#415C52): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#272918): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Olive Archive color palette (#FAF0E9, #CAB079, #6F7C45, #664D58, #302615)
• Worn Cypress color palette (#F9F2DC, #7DAF7C, #007564, #613A37, #1C1E06)
• Worn Orchard color palette (#F4F6EC, #8DBCA0, #46816C, #4A6145, #394A00)
• Worn Market color palette (#ECF9F3, #A2CFC9, #5A9F89, #52778A, #2B4945)
• Aged Harbor color palette (#F8F0EB, #ACE7F9, #6093BF, #2C6B58, #3B2334)
• Iris Boulevard color palette (#FFEBF7, #817CED, #7A873A, #67713C, #2B1624)
• Softworn Corridor color palette (#FFDEC3, #B39100, #4A6600, #433461, #1C1500)
• Muted Pine Drift color palette (#EDE8D2, #007D3E, #00403B, #00203A, #000401)

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