Tempered Pine color palette — #DCE3D0 · #0A822A · #00593A · #002924 · #001113
Olive takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DCE3D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#0A822A): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#00593A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#002924): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001113): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Cypress Drift color palette (#D7F1E0, #00826A, #004C4E, #002930, #000E18)
- Dusty Olive color palette (#E6E2CA, #747600, #284F00, #002B0D, #00120A)
- Misty Emerald Delta color palette (#D9E3CD, #00A638, #007657, #004A44, #00262A)
- Pale Meadow color palette (#E2F6E5, #00BA7A, #007454, #003F32, #000C0A)
- Weathered Mulberry color palette (#DBE4D3, #007E5F, #A10053, #004130, #170007)
- Quiet Cobalt Balcony color palette (#DEECCE, #7ABDC4, #348BDD, #0D5C0C, #000E0E)
- Ancient Lagoon Boulevard color palette (#F1F2DB, #78B587, #008B77, #006163, #002F38)
- Ancient Grove color palette (#F3E5D8, #E30081, #00837E, #020E12, #000200)
Browse the whole catalog at Explore, or see today's palette.