Softworn Lagoon color palette — #EFF8F4 · #9DCCC4 · #5B8D79 · #65627E · #3F514F

Fern and Stone set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EFF8F4): bright and airy, almost weightless.
• Stone (#9DCCC4): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5B8D79): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#65627E): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3F514F): A full-bodied, dusty teal — the color of sea glass.

Feels like: 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

• Ancient Ash color palette (#EBF8F7, #A4DEDD, #74A894, #6E808B, #3B5252)
• Periwinkle Garden color palette (#FAF3F6, #D8DFF0, #729DC9, #3F7A77, #46536A)
• Muted Teal color palette (#F9F2FF, #D79CB6, #35AF97, #9C5A79, #2F5459)
• Jade Basin color palette (#D5F3EB, #37A972, #006960, #672950, #053721)
• Worn Fern color palette (#EEF8F0, #99A166, #407138, #444868, #213C32)
• Tempered Field color palette (#F9F2FF, #C97BA4, #379F72, #3C828C, #473E50)
• Weathered Fern color palette (#F6F6EB, #DAE2C5, #ABBC9B, #A992A3, #485407)
• Tempered Veranda color palette (#E1F5E9, #688630, #005328, #3D1C54, #141F00)

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