Tempered Pier color palette — #EBE4D1 · #9CAC7A · #48823E · #664A69 · #2E2A04
Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Parchment (#EBE4D1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9CAC7A): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#48823E): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#664A69): A full-bodied, dusty pink — the color of a candy shop window.
- Espresso (#2E2A04): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered 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
- Antique Pier color palette (#E6E7D1, #7FB390, #28836C, #485184, #06321A)
- Gentle Olive color palette (#FCE9C7, #B2B058, #628500, #8D3E44, #313000)
- Lagoon Basin color palette (#F8F5E9, #A2BF90, #559065, #7A5572, #36362F)
- Timeworn Grove color palette (#EBF9F1, #AEC678, #318D21, #634466, #141C00)
- Washed Forest Grove color palette (#E1DFC9, #68A36A, #00734F, #64304F, #022205)
- Timeworn Fern Coast color palette (#F6F6EA, #BECAA3, #689C8C, #8E6662, #3B4900)
- Aged Lapis Grove color palette (#FEE6D4, #CF6300, #008F71, #6C51BE, #361400)
- Antique Bronze Harbor color palette (#FFE8D6, #ECC897, #B8B469, #A55B55, #3B3530)
Browse the whole catalog at Explore, or see today's palette.