Tempered Spruce color palette — #E7F2EA · #83918C · #796374 · #003038 · #000201
A conversation between Deep Forest and Graphite, giving this palette its sense of sophistication.
The five colors
- Cream (#E7F2EA): a clean, paper-quiet neutral.
- Eucalyptus (#83918C): a calm mid-gray that lets other colors speak.
- Graphite (#796374): A full-bodied, dusty pink — the color of neon signs at night.
- Deep Forest (#003038): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000201): quiet, heavy and certain.
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
- Worn Spruce Summit color palette (#D8E5DD, #919D97, #517A6E, #00313C, #000D05)
- Ancient Orchard color palette (#D5E1E7, #AFBDC7, #7D95A9, #004353, #000103)
- Tempered Navy Corridor color palette (#ECE1E8, #AB9BA0, #957174, #2B2975, #0C0108)
- Dusty Corridor color palette (#E3EBE8, #D2C7D1, #B39CA7, #005C82, #081A14)
- Shadow Denim color palette (#C9E9EA, #246385, #3C315E, #1E1700, #020500)
- Midnight Forest color palette (#E3DFCF, #386533, #003224, #00181D, #000200)
- Timeworn Nightshade color palette (#FDEDF5, #E7CBD2, #C8A09F, #5B4AA1, #27121E)
- Gentle Aubergine color palette (#C9EBDB, #008A85, #006189, #51129B, #000105)
Browse the whole catalog at Explore, or see today's palette.