Tempered Spruce color palette — #DBE8E8 · #8C9DA3 · #597489 · #00341D · #000C0C

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

The five colors

• Frost (#DBE8E8): a clean, paper-quiet neutral.
• Blue Fog (#8C9DA3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#597489): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00341D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Spruce color palette (#E8EDE2, #84927F, #59735E, #003321, #010200)
• Antique Field color palette (#D6E0E5, #A1AAB6, #797D9A, #003E4F, #041620)
• Dusty Boulevard color palette (#E5F1F3, #BFCFD8, #95A2B2, #006357, #1D3235)
• Dusty Olive Garden color palette (#C5E6E8, #7E8300, #007166, #003D6D, #000507)
• Timeworn Cypress Studio color palette (#F0E9C7, #387251, #004252, #2D1E00, #170E00)
• Moonless Boulevard color palette (#DEEFF3, #494A52, #003633, #171C22, #00050A)
• Softworn Petrol color palette (#EFF6FA, #D9DAE2, #C3BCCC, #038296, #3B4A51)
• Fern Loft color palette (#F6E7F2, #265800, #002930, #230000, #000502)

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