Hushed Lagoon color palette — #F5F2E7 · #9BBF97 · #38856C · #6D4C43 · #272913

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#9BBF97): A luminous, dusty green — the color of fresh herbs.
• Fern (#38856C): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6D4C43): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#272913): 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

• Pine Canyon color palette (#F8F1E2, #9BB26B, #008136, #5B4B00, #252100)
• Chestnut Garden color palette (#F9F0E7, #D1C29D, #768B5E, #825717, #33312A)
• Washed Jade Bloom color palette (#E8FAF4, #B2E8F5, #72AF78, #647E6A, #1E3F3A)
• Lagoon Delta color palette (#E7FBF2, #A6D29F, #56A084, #7C6B7F, #2F4844)
• Ancient Pine Atelier color palette (#F1F6D1, #9FCC97, #348841, #024C14, #031900)
• Frosted Dune color palette (#E7E8C7, #00AF7B, #006964, #692417, #001C10)
• Lilac Thicket color palette (#F3F3DF, #8EB06F, #A978D5, #436E00, #3B1B28)
• Weathered Pine color palette (#E5E4D3, #328C5C, #004F47, #1F3000, #060900)

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