Softworn Pier color palette — #F1F7F1 · #A6CABD · #5E8E6C · #4C6B79 · #40524B
A conversation between Fern and Stone, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F1F7F1): bright and airy, almost weightless.
- Stone (#A6CABD): A luminous, dusty teal — the color of glacier melt.
- Fern (#5E8E6C): A luminous, dusty teal — the color of sea glass.
- Graphite (#4C6B79): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#40524B): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Driftwood Orchard color palette (#F5F2E7, #B3CCA5, #7C8B46, #596655, #31322B)
- Antique Lantern color palette (#ECF9F3, #AADDD2, #71A7A4, #678388, #3B534E)
- Pine Alley color palette (#EFF8EE, #B0B486, #508153, #5D5472, #30493E)
- Tempered Canyon color palette (#EEF6FF, #DFD9E3, #BBB4A2, #629BA9, #4D5160)
- Washed Grove color palette (#D3EBE1, #519F6D, #00625D, #164066, #00302F)
- Antique Harbor color palette (#EEF6FF, #8CB3E0, #A99A45, #4375AD, #385545)
- Fern Dune color palette (#F9F5EA, #E1E0C0, #B1BA9A, #8AA18D, #554F00)
- Garnet Archive color palette (#DCF1E3, #7C9F52, #006B4A, #751944, #213503)
Browse the whole catalog at Explore, or see today's palette.