Tempered Spruce color palette — #E2ECEA · #7FA1A3 · #4C7884 · #133400 · #000C0A

Built around Deep Forest, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Cream (#E2ECEA): bright and airy, almost weightless.
• Blue Fog (#7FA1A3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4C7884): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#133400): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000C0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Antique Abyss color palette (#D7E3E8, #92ADC1, #728095, #004045, #07161B)
• Timeworn Loft color palette (#F0F0E3, #9FA898, #718F79, #2A5100, #0A0A00)
• Wandering Forest Pier color palette (#E5F1F1, #BDD0D5, #86A6B6, #006540, #203231)
• Weathered Moss color palette (#BFEDEE, #828F00, #006F44, #00414F, #000403)
• Antique Onyx color palette (#E0EDDB, #247460, #004152, #430B07, #2A0000)
• Midnight Pine color palette (#D8F8EB, #0D7115, #003426, #161900, #000900)
• Forest Veranda color palette (#F5E4ED, #165A01, #002A2B, #200012, #000502)
• Inked Navy Boulevard color palette (#DBF3EF, #1A4900, #030068, #1D1E0E, #1A0003)

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