Softworn Lagoon color palette — #E8FAF1 · #9DC1B4 · #608B78 · #486555 · #394D47

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

The five colors

• Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
• Ash (#9DC1B4): A luminous, dusty teal — the color of sea glass.
• Fern (#608B78): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#486555): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#394D47): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Pewter color palette (#E4FCF0, #A6AC80, #787541, #345C45, #22453B)
• Hushed Study color palette (#FFF1F6, #A8C0A6, #997483, #715462, #3C4D3D)
• Worn Stone color palette (#EBF8FD, #AFCAA3, #3C6475, #1A3E4C, #1E2530)
• Fern Courtyard color palette (#F8F5EA, #E2DAB2, #B9BA81, #9F916E, #504900)
• Dusty Delta color palette (#ECF7FF, #6297B9, #8E7498, #396C49, #2E3F4D)
• Patina Chestnut Bloom color palette (#EAF8F9, #549E87, #8E5130, #594811, #203834)
• Timeworn Petrol Ridge color palette (#F0F6FC, #A0C4E7, #7777AB, #45719A, #282D3C)
• Bronze Harbor color palette (#D2E9DA, #7F783A, #534400, #352500, #171800)

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