Tempered Spruce color palette — #D7E7E7 · #8C9E9F · #52787F · #003420 · #000C0C

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

The five colors

• Frost (#D7E7E7): bright and airy, almost weightless.
• Blue Fog (#8C9E9F): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#52787F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003420): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Abyss Dune color palette (#DAE5EC, #9FABB5, #6B8299, #003E51, #07161F)
• Washed Forest Garden color palette (#EAEDE4, #9EA89B, #6E9079, #00542A, #080B00)
• Wandering Courtyard color palette (#D2F4FA, #009A66, #006E5E, #00464B, #000706)
• Washed Forest Cabin color palette (#E6F1F3, #BED0D5, #8BA5B0, #006359, #183237)
• Patina Onyx color palette (#D0F5F8, #216F83, #003D58, #281842, #200227)
• Shadow Parlor color palette (#CFE9EF, #4A474F, #003632, #191A21, #000506)
• Lowlit Lantern color palette (#D6F7EF, #005748, #002A2B, #03003A, #000504)
• Spruce Coast color palette (#D6E6E9, #8D9DA1, #59767F, #00332B, #000C0E)

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