Tempered Pier color palette — #DAE1D0 · #497300 · #1E4F00 · #002A05 · #001412
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Bone (#DAE1D0): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#497300): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#1E4F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#002A05): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001412): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Washed Fern color palette (#EFEACF, #778800, #2A6A00, #004020, #001D17)
- Pine Canyon color palette (#EEF4D4, #007326, #004F7F, #00370E, #001120)
- Cellar Pine color palette (#D7E4DB, #008457, #004125, #00150A, #000402)
- Patina Fern Loft color palette (#E1E4C2, #1E5C00, #004A50, #442A00, #010B00)
- Tempered Orchard color palette (#F8E8CE, #835F00, #4A3A00, #282300, #061303)
- Abyss Atelier color palette (#E7F2D1, #6EBBA3, #008A83, #034C0D, #002016)
- Clover Terrace color palette (#E7F2E1, #30B52D, #007D34, #00502E, #003535)
- Dusty Terrace color palette (#D6F0E9, #009B91, #006A68, #00494D, #003238)
Browse the whole catalog at Explore, or see today's palette.