Softworn Pier color palette — #FAF5E3 · #D6DAA3 · #CABDF7 · #ABAE63 · #624251
Built around Sage, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Cream (#FAF5E3): A whisper-light, dusty green — the color of new leaves after rain.
- Wheat (#D6DAA3): A whisper-light, dusty green — the color of new leaves after rain.
- Lavender (#CABDF7): A whisper-light, balanced violet — the color of wild irises.
- Sage (#ABAE63): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#624251): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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
- Ancient Quarry color palette (#FFF3E8, #FCC9A2, #A4CAFA, #D79967, #5D425F)
- Patina Dune color palette (#F2F8E7, #A6E6C1, #EBB3D5, #6EBB92, #694041)
- Wandering Courtyard color palette (#F9F6E1, #C1CF8F, #BFB4F1, #C690B9, #44433B)
- Driftwood Lagoon color palette (#ECF9F3, #C5C990, #DB9EA4, #8E9152, #5B445D)
- Fern Atelier color palette (#F9F5E6, #D0E8D1, #B6BFD4, #D0B794, #544D00)
- Cocoa Bloom color palette (#FFF2EB, #EBD5C1, #D0AD99, #AF877C, #604100)
- Antique Emerald color palette (#EBF3D5, #83D499, #E790C0, #42A964, #52223E)
- Patina Olive Basin color palette (#F3F6EF, #F6D8BB, #96A57E, #607635, #292D23)
Browse the whole catalog at Explore, or see today's palette.