Tempered Spruce color palette — #D8E4E5 · #7E9196 · #4E7081 · #003228 · #000202

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

The five colors

• Silver (#D8E4E5): bright and airy, almost weightless.
• Gray (#7E9196): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4E7081): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003228): A deep, shadowed, dusty teal — the color of sea glass.
• 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

• Ancient Spruce color palette (#EBF0E6, #8AA18E, #57796E, #003424, #070B02)
• Washed Basin color palette (#DFE6ED, #92A1B6, #6E7B9D, #003A5A, #00050C)
• Wandering Abyss color palette (#E0E9E9, #ADBEC4, #6E97B6, #004832, #000202)
• Aged Lagoon Villa color palette (#D3E4E8, #00966E, #006767, #004869, #000102)
• Softworn Cypress color palette (#E3EBED, #BCCFD9, #8AA8C0, #006263, #09181D)
• Moonless Navy Canyon color palette (#CCEFEC, #006A81, #0A356C, #340010, #0A0100)
• Twilit Spruce color palette (#D3E6ED, #574E4C, #003034, #111419, #000305)
• Fern Canyon color palette (#D9EDDD, #5F5B00, #222F00, #001A0B, #010100)

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