Tempered Spruce color palette — #E5F1F2 · #879EA8 · #627283 · #003328 · #000C0E

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

The five colors

• Cream (#E5F1F2): bright and airy, almost weightless.
• Blue Fog (#879EA8): A luminous, dusty blue — the color of deep harbor water.
• Slate (#627283): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003328): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0E): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Spruce color palette (#E8ECE6, #849285, #527461, #00322B, #000200)
• Washed Abyss color palette (#D8E5EF, #A1A9BC, #7D7B99, #003C59, #081520)
• Aged Navy Cabin color palette (#DBE9D1, #2C7C79, #214069, #2C2000, #0D1100)
• Hushed Summit color palette (#E6F1F4, #C0CED9, #96A1B5, #006261, #1D3137)
• Soft Nightshade color palette (#D2E9F1, #6A9200, #007370, #3400A1, #000608)
• Smoked Chestnut color palette (#EAD9DF, #6C5D02, #1A3300, #001B1B, #080600)
• Abyss Villa color palette (#F6D6D0, #005840, #00263F, #230000, #000404)
• Softworn Workshop color palette (#EFF6FB, #DAD9E1, #C5BBCC, #4C7C90, #3D4A52)

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