Softworn Coast color palette — #FEF3EB · #8CDAFF · #4D7FCA · #00685C · #3D376C
A conversation between Azure and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF3EB): bright and airy, almost weightless.
- Ice Blue (#8CDAFF): A whisper-light, balanced blue — the color of open sky before noon.
- Azure (#4D7FCA): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
- Navy (#3D376C): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Feathered Lagoon color palette (#FFF2ED, #8FDEE1, #008CB5, #006B33, #20406A)
- Wandering Cobalt color palette (#E8F5F4, #9ED9F8, #368BC0, #005F73, #002646)
- Wandering Grove color palette (#FFF3E8, #73C2F0, #2D5FE5, #005651, #36275C)
- Patina Cerulean color palette (#FCF3EE, #BFE8CE, #608FB6, #2D7059, #583E52)
- Navy Quarry color palette (#C9F1E8, #00B7CF, #0084A8, #18479D, #353A6F)
- Sunlit Balcony color palette (#D5F0FF, #008BBC, #9A6600, #635D00, #00354B)
- Weathered Mallow color palette (#DCFFEB, #E9E3F5, #E897E4, #04867D, #523A51)
- Powdered Ultramarine Drift color palette (#EFF6FF, #61B0FF, #0064C1, #003E67, #00253F)
Browse the whole catalog at Explore, or see today's palette.