Hushed Lagoon color palette — #FFF3E9 · #AABA76 · #369986 · #824F79 · #3D3E37

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sage (#AABA76): A luminous, balanced green — the color of fresh herbs.
• Fern (#369986): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#824F79): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal (#3D3E37): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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

• Frosted Teal color palette (#FFF0F7, #C5D681, #00AA8F, #844D77, #123934)
• Patina Stone color palette (#FFF2EB, #95CDA7, #5C9EAB, #915E6B, #404C39)
• Moss Garden color palette (#FFF3E5, #DAA66C, #76914A, #655993, #403D36)
• Sunlit Jade color palette (#F7F7E3, #8DB369, #697DBB, #794B74, #562826)
• Bronze Meadow color palette (#FAF5E9, #CAC69B, #749A7D, #8A6D26, #4A4400)
• Softworn Denim Pier color palette (#E3FCF3, #7AA479, #2D7A5E, #00547A, #1F4443)
• Tempered Archive color palette (#FAF4EE, #C3E6E9, #8FA5CF, #368890, #5C3C4F)
• Emerald Workshop color palette (#E2E7D3, #53A367, #445240, #2D2F28, #1A1910)

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