Softworn Lagoon color palette — #F3F6F0 · #D4DCD8 · #A1AFB7 · #578F7A · #50544D

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

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D4DCD8): bright and airy, almost weightless.
• Ash (#A1AFB7): a calm mid-gray that lets other colors speak.
• Fern (#578F7A): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#50544D): a grounded near-black with real depth.

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

• Tempered Petrol Quarry color palette (#F0F7F4, #D2DDDE, #CBBCC1, #3E7C9C, #3D4B45)
• Tempered Garden color palette (#F5F7E9, #77B5AD, #40838C, #505485, #3C4D3B)
• Driftwood Alley color palette (#F0F3EC, #D0D9D6, #A2B7BE, #778C4A, #353732)
• Softworn Abyss Courtyard color palette (#DBE4DF, #ADBDB6, #7B958D, #004D60, #0E241A)
• Weathered Olive Archive color palette (#F4F7ED, #BAC6AB, #738965, #5E6E29, #3F5614)
• Ancient Spruce Study color palette (#DFE3DE, #929E90, #5D7960, #00332B, #030C00)
• Seafoam Villa color palette (#EDF9EC, #A9F3F7, #5EDDD7, #2AABBE, #344934)
• Wandering Chestnut Market color palette (#E3FCEF, #B0CCC3, #9E879C, #87636A, #804422)

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