Tempered Pier color palette — #E8DCD0 · #9D7200 · #5A5700 · #283800 · #001E02
Ochre takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#E8DCD0): A whisper-light, dusty gold — the color of honey in a jar.
- Ochre (#9D7200): A full-bodied, balanced gold — the color of old brass.
- Olive (#5A5700): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#283800): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001E02): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Muted Bronze color palette (#FFE6DF, #BB6300, #7C4E00, #433400, #181900)
- Gentle Amber Station color palette (#F2E1D5, #B27F00, #726700, #2E5100, #001C0B)
- Misty Mustard Pier color palette (#F2E2C8, #BCA000, #798900, #366800, #003A19)
- Timeworn Mint Villa color palette (#F8EECF, #74C67C, #00A4A1, #7D5400, #081F00)
- Washed Moss color palette (#E5F0D6, #6E9A00, #3D6600, #1E2B00, #020300)
- Gentle Terrace color palette (#E0DCED, #FF4660, #5B7600, #0C1200, #020200)
- Hushed Ultramarine Coast color palette (#E9E8D8, #789422, #2426EB, #3C4D00, #03003F)
- Patina Hollow color palette (#ECECD0, #6F6900, #500DEF, #7B007C, #090800)
Browse the whole catalog at Explore, or see today's palette.