Tempered Spruce color palette — #E5F1EF · #92A4A4 · #608389 · #03430A · #000605
Built around Forest, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#E5F1EF): a clean, paper-quiet neutral.
- Taupe (#92A4A4): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#608389): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#03430A): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#000605): quiet, heavy and certain.
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
- Aged Spruce Station color palette (#E7E8DC, #A4AC9E, #688873, #194300, #151500)
- Patina Spruce color palette (#E0EBEC, #7B9299, #556F7C, #003229, #000202)
- Antique Abyss color palette (#DAE2E7, #A5B5C4, #818FA2, #004C5E, #000D15)
- Patina Fern color palette (#E4F1EF, #BFD4D7, #90ABB7, #245C00, #000303)
- Wandering Petrol color palette (#EBF3F7, #D1D6E4, #ADB8C5, #007280, #152328)
- Moss Basin color palette (#E1F3F3, #649E00, #007B5D, #004D58, #000201)
- Pine Basin color palette (#D3EFE7, #32793B, #00412C, #172300, #000400)
- Tempered Harbor color palette (#D7E7DE, #267673, #00495C, #3D0E2F, #1B0004)
Browse the whole catalog at Explore, or see today's palette.