Softworn Pier color palette — #F1F7F0 · #35B6B1 · #BB665D · #317969 · #313B30
A conversation between Mocha and Turquoise, giving this palette its sense of sophistication.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Turquoise (#35B6B1): A luminous, balanced teal — the color of sea glass.
- Mocha (#BB665D): A luminous, balanced orange — the color of sun-warmed clay.
- Teal (#317969): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#313B30): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Sophistication. Tagged jewel, vibrant, 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
- Dusty Peony color palette (#EEF8EF, #56ACB5, #BC6BA3, #5E773F, #27362A)
- Ancient Orchard color palette (#FCF1FB, #8DA7DF, #C26E66, #367B5D, #3B3039)
- Softworn Market color palette (#EEF6FF, #4389BD, #93564F, #564A22, #24393E)
- Tempered Lilac color palette (#F7F6E7, #8BC8E3, #9F83C3, #67754C, #514251)
- Muted Aqua color palette (#F0F8F0, #78CFCC, #C8A06C, #8A965E, #32352E)
- Hushed Powder Harbor color palette (#F1F5FF, #A1ACE9, #B884A8, #7C6037, #102B31)
- Washed Lilac color palette (#FFF0F7, #9B85DD, #9F6700, #006F7F, #34232B)
- Patina Parlor color palette (#EFF7F5, #DED5D0, #A3A99D, #6D9BA2, #4D5552)
Browse the whole catalog at Explore, or see today's palette.