Softworn Pier color palette — #FBEBCB · #B6B880 · #799758 · #396C4B · #2A391D
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#FBEBCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#B6B880): A luminous, dusty green — the color of new leaves after rain.
- Moss (#799758): A luminous, balanced green — the color of new leaves after rain.
- Pine (#396C4B): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#2A391D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged 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 Parlor color palette (#F8F4D3, #ABBF91, #72975C, #447538, #4E4F48)
- Hushed Driftwood color palette (#FFEEE2, #D5AC7E, #A7874B, #665D22, #373730)
- Lagoon Loft color palette (#EDF3CA, #84C1A6, #349687, #00676A, #1D3D2E)
- Patina Pine color palette (#F2F4E3, #9ABF92, #B18DBB, #537F4A, #47252E)
- Aged Lagoon color palette (#EDF7D6, #A6D7BA, #5F946D, #2B5634, #002611)
- Emerald Lantern color palette (#DDE9C8, #1F9E46, #006D4F, #00413C, #001B1E)
- Lilac Cabin color palette (#F2F5DB, #83A87B, #A27CB6, #986685, #282913)
- Ancient Harbor color palette (#F7CEFF, #FFD0BD, #57C17D, #33352E, #1A1C15)
Browse the whole catalog at Explore, or see today's palette.