Tempered Spruce color palette — #F3F2EA · #BFC7AD · #718B6F · #775858 · #2B3700
A conversation between Forest and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F2EA): bright and airy, almost weightless.
- Pistachio (#BFC7AD): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#718B6F): A luminous, dusty green — the color of new leaves after rain.
- Graphite (#775858): A full-bodied, dusty red — the color of late-summer berries.
- Forest (#2B3700): 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 Spruce 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
- Driftwood Villa color palette (#F7F1E7, #C8C5A8, #788C49, #7E5A12, #32312A)
- Hushed Forest Villa color palette (#EFF6D6, #ACD6AE, #5D9373, #2E5A38, #052206)
- Olive Field color palette (#EADEC8, #67834D, #005139, #342800, #040A00)
- Ash Balcony color palette (#F3F3E7, #A3BD8F, #B48BBD, #5F7C48, #47252E)
- Wandering Station color palette (#F3F4DC, #89A775, #AC7BA2, #916A89, #292816)
- Worn Spruce color palette (#F2F4DF, #C7E1D5, #A1C9CB, #A58C67, #284100)
- Hushed Ridge color palette (#EEF8F5, #C3DCF5, #8CBBA3, #997C8A, #374B48)
- Muted Ridge color palette (#F2E2D1, #929157, #2A6426, #513101, #181100)
Browse the whole catalog at Explore, or see today's palette.