Softworn Coast color palette — #E4F0EE · #96A2A9 · #768C9E · #007828 · #000C0B

Built around Olive, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Cream (#E4F0EE): bright and airy, almost weightless.
• Blue Fog (#96A2A9): a calm mid-gray that lets other colors speak.
• Slate Blue (#768C9E): A luminous, dusty blue — the color of deep harbor water.
• Olive (#007828): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000C0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Wandering Chestnut color palette (#E3EFE7, #95A3A4, #69939D, #726300, #000D05)
• Weathered Forest Basin color palette (#DBEAE7, #93A9AD, #6F8B99, #125403, #000C0A)
• Dusty Cypress Lantern color palette (#D9E0E3, #99A1AF, #8089A8, #007272, #000B10)
• Wandering Fern color palette (#DCF6EF, #64966D, #007455, #365200, #000901)
• Antique Cabin color palette (#ECEFE3, #88917D, #61705D, #00340D, #010100)
• Patina Lagoon color palette (#E6F1F4, #B9C0CA, #9EA6BC, #00938F, #05242A)
• Softworn Petrol color palette (#CBE6E7, #6193A0, #127392, #6E3558, #270003)
• Pale Meadow color palette (#D3F2F4, #7BB943, #00AD88, #008A98, #000605)

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