Tempered Spruce color palette — #E1DFD8 · #8A9080 · #5E715E · #262E00 · #020100
A conversation between Deep Forest and Pewter, giving this palette its sense of nature and growth.
The five colors
- Bone (#E1DFD8): a clean, paper-quiet neutral.
- Eucalyptus (#8A9080): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#5E715E): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#262E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Muted Abyss color palette (#EBF2EA, #92A59B, #887586, #00403B, #010601)
- Tempered Forest Chapel color palette (#E8EADF, #C5CFC2, #97A99E, #1D6622, #16170B)
- Fern Summit color palette (#DBE2CA, #A16B00, #1D6E03, #004557, #000201)
- Fern Lagoon color palette (#EADEC7, #446321, #003322, #1A1300, #010200)
- Ancient Chapel color palette (#E9F6E9, #C6D9D1, #C39EBA, #00696A, #0F1E10)
- Timeworn Lagoon Basin color palette (#EFF3ED, #CEDBDA, #C9BBC0, #408374, #282F23)
- Nocturne Basalt color palette (#F5EAD9, #4D3700, #002037, #13150B, #180000)
- Spruce Pier color palette (#EBE8DF, #8D8F82, #636F5D, #2F2B00, #020100)
Browse the whole catalog at Explore, or see today's palette.