Softworn Lagoon color palette — #F1F7F1 · #A7CABD · #638D6F · #5F6382 · #3B534B

Built around Fern, softened by Graphite — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Stone (#A7CABD): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#638D6F): A luminous, dusty teal — the color of sea glass.
• Graphite (#5F6382): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3B534B): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Softworn 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

• Aged Balcony color palette (#EEF8F2, #B1DCCD, #86A779, #7D7A92, #3F524B)
• Driftwood Dune color palette (#F5F1E8, #CAC4A5, #6B8E5D, #76585F, #32312A)
• Antique Cypress color palette (#F9F3F7, #D5E0F2, #7C9DBC, #387D67, #46526C)
• Patina Basalt color palette (#D9E9E2, #699973, #00635A, #572B50, #00302E)
• Rust Thicket color palette (#FDF1F9, #D5A291, #59A5BC, #AE5535, #295368)
• Misty Boulevard color palette (#E7FBF0, #84B180, #007B68, #693B75, #1F451D)
• Timeworn Garden color palette (#E9FBEA, #AD9468, #3E9A95, #008598, #344837)
• Tempered Forest color palette (#D6E3D7, #768048, #005325, #3B1C56, #191D00)

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