Tempered Spruce color palette — #E2F1EE · #9AAEAE · #5B888F · #0C4402 · #021815
A conversation between Forest and Storm Blue, giving this palette its sense of nature and growth.
The five colors
- Cream (#E2F1EE): a clean, paper-quiet neutral.
- Ash (#9AAEAE): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5B888F): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#0C4402): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#021815): A deep, shadowed, dusty teal — the color of sea glass.
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
- Spruce Boulevard color palette (#D7E6E7, #8B9DA3, #587583, #003329, #000C0E)
- Tempered Fern color palette (#EEEEE7, #AEB8A7, #809E88, #326000, #151505)
- Abyss Garden color palette (#E3F0F7, #ACBBC8, #7D90A8, #004D5D, #142128)
- Worn Forest color palette (#E5FAF9, #BED8DB, #8DADB5, #006D35, #1B3937)
- Olive Bloom color palette (#DFE0D4, #A1B7A8, #67A9B7, #278814, #141506)
- Hushed Pine color palette (#CCE7DE, #487945, #00432A, #1D2700, #011501)
- Moss Workshop color palette (#CEECDC, #719900, #007E58, #00535B, #00100C)
- Hushed Cypress Boulevard color palette (#CFEFD6, #307C76, #0B5469, #431C38, #360C18)
Browse the whole catalog at Explore, or see today's palette.