Softworn Coast color palette — #FAF3F7 · #C6E2E9 · #2A9AAD · #007640 · #1E4D65
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF3F7): bright and airy, almost weightless.
- Silver (#C6E2E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#2A9AAD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007640): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#1E4D65): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Loft color palette (#FAF3F6, #C5E1F5, #6B8CB7, #007072, #3A4765)
- Weathered Teal color palette (#EFF7F5, #C3E3FF, #3EB9BC, #168E78, #2E4D58)
- Lagoon Dune color palette (#F2F2EC, #CBE4C8, #2B9FA4, #146D5D, #1B3221)
- Abyss Lantern color palette (#F4E4EF, #5D9BA0, #005267, #003121, #001527)
- Tempered Powder color palette (#FCF3EF, #C0EFE0, #86CAD7, #7AA486, #2F4F43)
- Ancient Amber color palette (#E9F8FC, #5CB0A8, #C36E60, #00766E, #682F26)
- Worn Petrol Canyon color palette (#FFF0FB, #67C8DB, #0077A5, #005749, #003169)
- Terracotta Boulevard color palette (#E8F8FF, #3398A3, #B75969, #A74535, #113E4C)
Browse the whole catalog at Explore, or see today's palette.