Tempered Spruce color palette — #E2E0D6 · #8C8F83 · #617159 · #252E00 · #020100

Deep Forest and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E2E0D6): a clean, paper-quiet neutral.
• Gray (#8C8F83): a calm mid-gray that lets other colors speak.
• Pewter (#617159): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#252E00): 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

• Antique Abyss color palette (#DEE3DD, #93A599, #62847A, #00403B, #010600)
• Ancient Pier color palette (#DFE1C7, #916C00, #06791B, #004043, #000201)
• Forest Courtyard color palette (#E9EAE2, #C7CEC1, #97A999, #1D661B, #161804)
• Deep Boulevard color palette (#E8E2CF, #666214, #00443C, #34001C, #0C0200)
• Weathered Study color palette (#ECF5EC, #C5DACF, #BAA3BA, #00686B, #0D1F0F)
• Softworn Lagoon color palette (#EFF3ED, #D1D9D7, #ACC1C2, #1B8773, #292E26)
• Obsidian Fern Basin color palette (#F4E1D3, #454C00, #002A21, #1B0010, #000200)
• Aged Studio color palette (#E7EBDF, #879183, #5B7162, #003417, #010100)

Browse the whole catalog at Explore, or see today's palette.