Tempered Spruce color palette — #DCEAE8 · #89A6AA · #5A8393 · #004318 · #000605
Forest takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#DCEAE8): a clean, paper-quiet neutral.
- Blue Fog (#89A6AA): A luminous, dusty blue — the color of open sky before noon.
- Storm Blue (#5A8393): A full-bodied, dusty blue — the color of open sky before noon.
- Forest (#004318): A deep, shadowed, balanced green — the color of new leaves after rain.
- 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
- Patina Field color palette (#DFEEF1, #7B929C, #556E83, #00322B, #000202)
- Timeworn Abyss color palette (#DFE7ED, #A8B5C3, #808CB0, #004B61, #020C13)
- Forest Pier color palette (#ECF0E5, #C9D4BE, #74B5A8, #005D38, #020300)
- Dusty Market color palette (#DFE1D7, #ABBAA3, #829D88, #006428, #131602)
- Dusty Atelier color palette (#ECF3F7, #D3D5E0, #ADB7CC, #0D7183, #172227)
- Hushed Orchard color palette (#DDF4ED, #28794B, #004038, #172300, #000401)
- Aged Moss Terrace color palette (#DAF7F8, #7C9900, #008365, #005776, #000202)
- Weathered Abyss Workshop color palette (#DDEBD8, #327566, #004764, #3B0C00, #150600)
Browse the whole catalog at Explore, or see today's palette.