Hushed Lagoon color palette — #F3F7EB · #8AC2AE · #2F9282 · #406E5E · #263E00

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Mint Leaf (#8AC2AE): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#2F9282): A full-bodied, balanced teal — the color of sea glass.
• Pine (#406E5E): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#263E00): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Driftwood Delta color palette (#F9F5E9, #ADBC85, #6F8B54, #556A4F, #37362F)
• Aged Cypress Quarry color palette (#E0E9D0, #61B898, #008571, #6A5023, #003223)
• Cypress Terrace color palette (#F8F6E5, #7FA686, #097361, #5D3E5F, #323A00)
• Antique Lagoon Chapel color palette (#E4FAFA, #9FE0C7, #00A08A, #47677F, #092E30)
• Misty Chapel color palette (#F5ECC7, #9EB66C, #548825, #894433, #273300)
• Worn Basalt color palette (#FCF4E6, #D3C399, #90945C, #8D675C, #534000)
• Azure Atelier color palette (#F4F7EC, #AFE1CF, #5B9BD2, #007796, #49304B)
• Weathered Coast color palette (#E8FAF4, #A1DAAD, #30B89E, #99759B, #123D3B)

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