Softworn Lagoon color palette — #F3F7EF · #CCDFD8 · #AFC4C0 · #4F8F79 · #383C33

Fern takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Silver (#CCDFD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#AFC4C0): A luminous, dusty teal — the color of glacier melt.
• Fern (#4F8F79): A luminous, dusty teal — the color of sea glass.
• Charcoal (#383C33): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Cerulean Lantern color palette (#EEF8F1, #C4E8D9, #CFB3D1, #00869B, #21392A)
• Patina Jade color palette (#EFF7F7, #D4DAE0, #B9C1D2, #20BA8E, #273F41)
• Washed Ash color palette (#EFF8F3, #D0DEE0, #B7B5AA, #82A593, #4D5451)
• Patina Lagoon color palette (#D7E7D8, #009296, #284738, #19251A, #0B0F08)
• Hushed Orchard color palette (#FEF4E4, #BEB77B, #798944, #5D6B25, #38352E)
• Abyss Studio color palette (#E6F1E7, #9FBCAD, #7C9E93, #005E65, #0A170D)
• Patina Cocoa Market color palette (#D2EBCA, #79BDD2, #7499BB, #8A625B, #6E350B)
• Dusty Archive color palette (#FCECD3, #00BCA0, #00859E, #77415E, #223621)

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