Tempered Pine color palette — #F6F3DE · #8DB486 · #177E52 · #465222 · #0C2807
A conversation between Teal and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F3DE): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8DB486): A luminous, dusty green — the color of new leaves after rain.
- Teal (#177E52): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#465222): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#0C2807): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, 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
- Timeworn Fern color palette (#F8F1E4, #BCB48E, #627F4E, #475E1D, #2C2713)
- Aged Cypress color palette (#E9FAF0, #85B17D, #007B66, #5A5200, #274322)
- Moss Alley color palette (#E9E5D0, #6DA754, #006D3D, #004944, #071C00)
- Hazy Emerald Terrace color palette (#E1FCF3, #A1C79A, #359C6B, #5F7211, #1F4519)
- Dusty Teal Balcony color palette (#D7EBE3, #00B7A7, #007B7D, #004C56, #002832)
- Antique Courtyard color palette (#FAF0E2, #93DFE1, #0093A9, #006450, #002938)
- Tempered Fern color palette (#F8EAD4, #817B3B, #3B4B00, #023319, #090800)
- Smoked Forest color palette (#E5E7D5, #006942, #003229, #00181C, #000201)
Browse the whole catalog at Explore, or see today's palette.