Tempered Spruce color palette — #F0EFE2 · #9DA292 · #4D887F · #2C3D00 · #050400
A conversation between Forest and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0EFE2): a clean, paper-quiet neutral.
- Taupe (#9DA292): A luminous, dusty green — the color of fresh herbs.
- Fern (#4D887F): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#2C3D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#050400): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Washed Spruce color palette (#E7EBDF, #859282, #3C7482, #00331D, #010200)
- Spruce Parlor color palette (#EAEBDC, #A8AC92, #768845, #1F4200, #151501)
- Fern Villa color palette (#DBECE7, #99BCBB, #7D9CA2, #425D00, #011913)
- Abyss Alley color palette (#DBE5DC, #A3B9AF, #9C849B, #004E53, #020E04)
- Softworn Pier color palette (#EEF3EE, #CADAD9, #9BC1B7, #087470, #1C221B)
- Muted Lagoon color palette (#DBE2CA, #998500, #008C32, #00515F, #000201)
- Worn Olive Bloom color palette (#EDE7D6, #507429, #004225, #231F00, #010400)
- Pine Thicket color palette (#DFE5D5, #0D7C52, #004854, #421016, #1C0003)
Browse the whole catalog at Explore, or see today's palette.