Tempered Spruce color palette — #ECF1E9 · #829287 · #766379 · #003228 · #010200

Deep Forest and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Cream (#ECF1E9): bright and airy, almost weightless.
• Eucalyptus (#829287): A luminous, dusty teal — the color of sea glass.
• Graphite (#766379): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Forest (#003228): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010200): quiet, heavy and certain.

Feels like: 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 Villa color palette (#EDF1EC, #919E92, #5A7968, #00332C, #030C00)
• Dusty Abyss Dune color palette (#DCEBEE, #A7BFC8, #7B96A6, #00463E, #000102)
• Timeworn Cypress color palette (#E3ECE3, #C1CFC9, #B49BAE, #006262, #0D190E)
• Lowlit Spruce Ridge color palette (#D8F4DE, #554C50, #003036, #091518, #000208)
• Inked Navy color palette (#E1F3E3, #006777, #2C3163, #221100, #0A0400)
• Obsidian Canyon color palette (#F3E8DD, #665800, #193100, #001818, #020100)
• Ancient Loft color palette (#ECF4F0, #DDD0CD, #C6B5B3, #4D7C91, #223029)
• Washed Denim Coast color palette (#F8EEF9, #E6CBD9, #C1A2A7, #045CA3, #251127)

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