Tempered Spruce color palette — #D9E3E3 · #809195 · #477187 · #00331F · #000202

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

The five colors

• Silver (#D9E3E3): bright and airy, almost weightless.
• Gray (#809195): A luminous, dusty blue — the color of open sky before noon.
• Slate (#477187): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#00331F): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

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

• Antique Driftwood color palette (#D9E6EF, #92A1B4, #7776A4, #003C50, #00050A)
• Timeworn Abyss color palette (#DFE4D7, #98AB96, #6F8F7D, #005336, #070B02)
• Forest Archive color palette (#E3EBEC, #BBCFD9, #8BA7C0, #006359, #0A181B)
• Soft Olive Bloom color palette (#CAE5EA, #3B8F00, #007368, #004268, #000102)
• Midnight Forest color palette (#D9F7F2, #00684D, #003130, #051A00, #000202)
• Inked Onyx color palette (#D3E6CC, #196256, #003F58, #320100, #040200)
• Patina Petrol Grove color palette (#ECF3F7, #D5D6DF, #BEBACE, #2E8195, #232E33)
• Abyss Grove color palette (#F8D9F0, #005534, #002831, #1E0001, #000201)

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