Softworn Lagoon color palette — #FCF4E9 · #D7E2BE · #8DA876 · #74709D · #3B3831

Moss and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Celadon Mist (#D7E2BE): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#8DA876): A luminous, dusty green — the color of fresh herbs.
• Slate (#74709D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#3B3831): a grounded near-black with real depth.

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

• Muted Dune color palette (#F7F5EC, #CAE5CC, #73AB99, #946872, #373D00)
• Taupe Dune color palette (#ECF9F0, #D9D9A4, #A7B379, #9F87A0, #32483E)
• Dusty Harbor color palette (#FCF4E9, #DCD0A4, #6F975D, #844E73, #302704)
• Olive Grove color palette (#EDF9ED, #B6B281, #637D4A, #525872, #33483D)
• Stone Coast color palette (#F9F1E0, #B9B874, #717B3F, #6C4C43, #2E2711)
• Washed Lagoon Ridge color palette (#FBF3EF, #BFE2E6, #76C9DD, #4A936A, #19493A)
• Washed Cerulean Field color palette (#FFF2ED, #EEA59D, #39BFC5, #00A4BA, #3E2318)
• Emerald Coast color palette (#FFF4E0, #BECC86, #159823, #624593, #1C2100)

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