Softworn Pier color palette — #FDF3EE · #C5E6CB · #5694AC · #2B7059 · #245147
Pine and Storm Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF3EE): bright and airy, almost weightless.
- Celadon Mist (#C5E6CB): A whisper-light, dusty teal — the color of shallow lagoons.
- Storm Blue (#5694AC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#2B7059): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#245147): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn Pier 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
- Tempered Atelier color palette (#FBF4EE, #B9E9D4, #5D8DC5, #1A6F6F, #583E51)
- Cerulean Lagoon color palette (#FEF2ED, #70E3E7, #008DAB, #006A47, #0F4465)
- Gentle Studio color palette (#FFF2ED, #E27F79, #2399B2, #9B4845, #254C36)
- Worn Thicket color palette (#F9F3F8, #CCE1FA, #79ADC7, #568767, #324966)
- Ember Loft color palette (#FFF2EC, #D85C49, #008B96, #2D728B, #3E3633)
- Timeworn Harbor color palette (#F8E2D7, #00A0BA, #005073, #003129, #001233)
- Softworn Petrol Ridge color palette (#FBEBE3, #5BC2D3, #007299, #005141, #152F4C)
- Ancient Taupe Station color palette (#FFF4DE, #A4AE73, #80723C, #684B2A, #3F4000)
Browse the whole catalog at Explore, or see today's palette.