Softworn Lagoon color palette — #FDF4E9 · #B6B985 · #5C8F5E · #00717B · #37352F

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

The five colors

• Ivory (#FDF4E9): a clean, paper-quiet neutral.
• Sage (#B6B985): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5C8F5E): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00717B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#37352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, 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

• Tempered Chapel color palette (#F9F5E5, #B0BA91, #2E9287, #646827, #35362F)
• Aged Lagoon color palette (#EAFAEB, #CCD798, #5F9A6C, #446979, #0F2E24)
• Basalt Station color palette (#FBF4E8, #C6C7A7, #679C87, #3F7A93, #474500)
• Weathered Atelier color palette (#FFF2EA, #CAB181, #7B893B, #6F5884, #39352F)
• Ancient Pine Bloom color palette (#F0E3CF, #9DAC79, #308457, #7C3D5D, #232E00)
• Worn Pine color palette (#E9FAF1, #8EA46F, #2F7435, #11574A, #143E34)
• Antique Forest color palette (#F9EEDD, #889B5A, #007344, #004E5E, #161E00)
• Ancient Pine color palette (#FBF3F1, #C4DCC4, #38A3C5, #098230, #153C64)

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