Tempered Spruce color palette — #E4ECED · #839095 · #546E86 · #003226 · #000202

A conversation between Deep Forest and Slate, giving this palette its sense of sophistication.

The five colors

• Frost (#E4ECED): a clean, paper-quiet neutral.
• Gray (#839095): a calm mid-gray that lets other colors speak.
• Slate (#546E86): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003226): 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 Abyss Thicket color palette (#EBF1F6, #99A0AE, #7A7894, #003B58, #00050C)
• Abyss Field color palette (#E9EEE7, #B1BFB2, #779C86, #00473C, #000200)
• Wandering Cypress color palette (#E3EBED, #C4CDD3, #9AA4B6, #006262, #02191F)
• Cypress Terrace color palette (#DAE4D7, #31625B, #003A3F, #271200, #030500)
• Petrol Parlor color palette (#EDF3F7, #D7D6DE, #C2B8C8, #29809F, #202E37)
• Sunlit Nightshade color palette (#DAEAEE, #688600, #006768, #2500A6, #000102)
• Inked Chestnut color palette (#F0D6E1, #675713, #1D3000, #001817, #020100)
• Obsidian Basalt color palette (#D6F4EB, #2F4300, #002039, #140300, #010100)

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