Softworn Coast color palette — #EEF8F1 · #B8C89A · #5B8B88 · #526A72 · #3F524C

Pistachio takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Pistachio (#B8C89A): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#5B8B88): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#526A72): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#3F524C): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Softworn Coast 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

• Weathered Pine Delta color palette (#EDF9F0, #ABB684, #597E58, #53586F, #314840)
• Weathered Harbor color palette (#EEF6FF, #E3D9E2, #CBABA2, #7596A7, #4B505F)
• Washed Fern Lagoon color palette (#FCF4E9, #D7D2B4, #97A17A, #6E8475, #5A4D00)
• Timeworn Turquoise Orchard color palette (#FAF2F8, #D4D7EF, #61A4B7, #4D7A62, #435564)
• Wandering Parlor color palette (#EEF6FF, #87B3E9, #AC9754, #5275A0, #375542)
• Tempered Corridor color palette (#D4EAE4, #3EA26B, #006358, #00445B, #003030)
• Weathered Cobalt Coast color palette (#F0F5FF, #B7C6FF, #7182B7, #404B71, #2B3651)
• Worn Iris color palette (#EFF6FF, #7396E2, #A68348, #697943, #394353)

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