Tempered Pine color palette — #CDE7E2 · #317D44 · #004328 · #282200 · #001312
Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Silver (#CDE7E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#317D44): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004328): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#282200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001312): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine 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
- Aged Lagoon color palette (#DAF2F0, #458A65, #00523D, #003A10, #002111)
- Eclipse Market color palette (#CCEBE1, #007D41, #004037, #390C0E, #000401)
- Weathered Archive color palette (#D8F0DE, #7B6C00, #3A3A00, #3A1600, #001409)
- Aged Fern color palette (#D8ECE8, #366F00, #822A00, #163500, #210500)
- Tempered Mint Courtyard color palette (#CBF7F6, #1DC79E, #00938E, #054A0B, #002215)
- Forest Boulevard color palette (#D7F7E2, #005C36, #00485B, #3C2E00, #000B04)
- Wandering Forest Archive color palette (#D2EBE3, #70995E, #00671F, #33450A, #00312B)
- Hushed Emerald color palette (#E3E0BF, #009D59, #006055, #5D2220, #001507)
Browse the whole catalog at Explore, or see today's palette.