Tempered Pier color palette — #E1E0C8 · #BC8F00 · #628200 · #006348 · #000500
Olive Leaf takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#E1E0C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#BC8F00): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#628200): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006348): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Wandering Moss Parlor color palette (#D0E4DE, #AAA800, #729A00, #006F36, #000200)
- Frosted Moss color palette (#DEE7CA, #7A9E00, #008F53, #00686D, #000503)
- Linen Amber color palette (#F0E4D0, #D76F00, #957B00, #286B00, #020200)
- Pale Bronze color palette (#E6E8C8, #C16400, #596E00, #004649, #000602)
- Softworn Moss color palette (#CCEBE2, #E48D00, #6FA100, #008672, #000501)
- Tempered Delta color palette (#FBEDD6, #7D772A, #3C4D00, #392800, #070600)
- Washed Pine color palette (#DAE8CF, #0A841E, #005632, #002F25, #000F0C)
- Hushed Lantern color palette (#EEF1E2, #50835D, #005B52, #37225F, #270425)
Browse the whole catalog at Explore, or see today's palette.