Tempered Pine color palette — #E6FCEC · #9AAA70 · #007427 · #004545 · #060900
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6FCEC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9AAA70): A luminous, balanced green — the color of fresh herbs.
- Olive (#007427): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004545): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Washed Thicket color palette (#E8FAF4, #74B382, #00705E, #354200, #000B02)
- Hushed Fern color palette (#FFF1F5, #B0A26B, #566900, #28376E, #0B0700)
- Emerald Veranda color palette (#CFE8DD, #689E65, #005C45, #00313B, #000200)
- Patina Pine Quarry color palette (#E8FBEE, #B3C296, #3B894D, #57447F, #141C00)
- Patina Quarry color palette (#F7EFE1, #6E842D, #00541E, #003636, #161E00)
- Hazy Market color palette (#E4E2D3, #85B868, #2E9639, #2A7354, #1D1C00)
- Hushed Cerulean color palette (#FCF2F8, #A2D5E4, #0088A2, #005434, #000E1A)
- Ancient Workshop color palette (#D5E3D4, #867B36, #2F4400, #110D4D, #010100)
Browse the whole catalog at Explore, or see today's palette.