Softworn Cypress Coast color palette — #FAF3F8 · #C1E3F0 · #4A94B3 · #0B7359 · #2C4A68
Pine takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Powder Blue (#C1E3F0): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#4A94B3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#0B7359): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2C4A68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn Cypress 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 Cypress color palette (#FBF2F6, #D9DEEF, #839AC0, #2F7B81, #49526B)
- Weathered Pier color palette (#F2F2EC, #C9E5CE, #459BAD, #006D6A, #00323F)
- Wandering Cobalt Harbor color palette (#FBF2F7, #A8CBDF, #437EAD, #00605A, #2C395A)
- Tempered Iris color palette (#F1F5FF, #7A82C5, #8F7934, #4C6F35, #2C3753)
- Worn Lagoon color palette (#F3E1ED, #498E89, #00454F, #00240F, #000B13)
- Hushed Market color palette (#FBF3F0, #C1EDE4, #5BCDF9, #62A88F, #2C5047)
- Faded Orchard color palette (#B9ECFF, #71B8E9, #617DC6, #50508F, #503D5D)
- Linen Market color palette (#F2E6EB, #73A6C3, #1256A2, #003E3F, #16154C)
Browse the whole catalog at Explore, or see today's palette.