Softworn Lagoon color palette — #E8F5F3 · #8CC1A4 · #008875 · #6C4955 · #0A2D2D

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

The five colors

• Ivory (#E8F5F3): bright and airy, almost weightless.
• Mint Leaf (#8CC1A4): A luminous, dusty teal — the color of sea glass.
• Fern (#008875): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#6C4955): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#0A2D2D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Pine color palette (#E6F6F0, #A0BD96, #39875B, #335F51, #122D29)
• Softworn Quarry color palette (#F6F6E7, #78C1A6, #3F7F84, #72504C, #324C08)
• Hushed Glacier Villa color palette (#DFF8F7, #C4DFF2, #85DCEE, #6A855B, #1F3B3E)
• Patina Quarry color palette (#D5FBFA, #37A46F, #6D74D1, #A15037, #052323)
• Washed Cerulean color palette (#EDF4EE, #C0E3F1, #199CBF, #006E62, #182F3F)
• Wandering Hollow color palette (#EDF8F5, #B1EDEE, #37B1B8, #816D8D, #223E3F)
• Bronze Lagoon color palette (#F5F7E8, #9AD3B4, #5A9E8F, #95672C, #384A00)
• Worn Emerald color palette (#D8EFEB, #4FA171, #006451, #234211, #001616)

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