Softworn Pier color palette — #F9F4ED · #C6E6CC · #5295A8 · #227063 · #225242
Built around Teal, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C6E6CC): A whisper-light, dusty teal — the color of glacier melt.
- Storm Blue (#5295A8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#227063): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#225242): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: 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
- Muted Drift color palette (#F9F4ED, #C2E6D2, #5D91B1, #007072, #573D59)
- Forest Meadow color palette (#F8F0ED, #CBE4CF, #4897BE, #107043, #192B4C)
- Ancient Loft color palette (#E3FDEC, #BCE6E9, #ADBAEC, #3B8782, #375147)
- Muted Cobalt Bloom color palette (#FAF4EC, #AFCDBC, #2481B0, #005F60, #1F3C5B)
- Sunlit Teal Villa color palette (#B3F2DF, #4BBFB3, #009199, #006070, #0E4A5F)
- Hushed Denim color palette (#F2ECE1, #589BAB, #00516D, #00302E, #001527)
- Aqua Veranda color palette (#F0F7F1, #CDE2FB, #5CCEEE, #5BA999, #334B5C)
- Misty Bronze color palette (#E3FDEC, #2D97AD, #9D6591, #7C6700, #20402D)
Browse the whole catalog at Explore, or see today's palette.