Softworn Lagoon color palette — #EAF4F3 · #86BFC0 · #008877 · #335E59 · #132C2D

Fern and Ash set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Ash (#86BFC0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#008877): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#335E59): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#132C2D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Dusty Driftwood color palette (#EBF5EF, #A9CCC2, #6D8D6A, #42696D, #213630)
• Cypress Chapel color palette (#E0F8F5, #71AF98, #00746D, #094F5F, #022123)
• Timeworn Lantern color palette (#B7EDF9, #44C3D1, #008BA2, #00516D, #123149)
• Amber Summit color palette (#E5F4FD, #52B1D1, #CA7340, #00708B, #3B1A2E)
• Aged Cobalt color palette (#E6F4FF, #84C7F1, #0080BB, #004A6E, #001928)
• Washed Fern color palette (#F7F6E9, #88BDA1, #388080, #655B06, #374A00)
• Aged Delta color palette (#F5F7E8, #97D4B5, #4AA191, #727730, #374A01)
• Wandering Powder color palette (#E5F4FF, #D7D7E5, #BDBBFF, #46939E, #1F2D3C)

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