Soft Pier color palette — #F3E2CC · #889441 · #00672E · #51390B · #312900
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Parchment (#F3E2CC): A whisper-light, dusty gold — the color of old brass.
- Moss (#889441): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00672E): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#51390B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Espresso (#312900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Soft 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
- Amber Study color palette (#FFE6D3, #B18D00, #4C6500, #004E48, #392C00)
- Emerald Delta color palette (#EBE5CD, #559F64, #006359, #403E37, #272C0C)
- Patina Olive Workshop color palette (#EAE4D2, #A0AB74, #5E7E26, #59582C, #302905)
- Hushed Moss Drift color palette (#FFF4E1, #92B058, #1E7C52, #18596B, #3B3B34)
- Emerald Terrace color palette (#DEE7C5, #00A635, #006750, #004342, #132741)
- Pine Harbor color palette (#ECEBDD, #007F55, #004041, #1C2700, #00140A)
- Patina Cocoa color palette (#FBF4EC, #C9C394, #708A64, #596B5A, #604A00)
- Antique Plum Orchard color palette (#D3E4C9, #00947D, #AE3767, #005648, #461428)
Browse the whole catalog at Explore, or see today's palette.