Tempered Spruce color palette — #E1EDEC · #7A9394 · #4C7279 · #003408 · #000201
A conversation between Deep Forest and Slate, giving this palette its sense of nature and growth.
The five colors
- Frost (#E1EDEC): bright and airy, almost weightless.
- Eucalyptus (#7A9394): A luminous, dusty teal — the color of sea glass.
- Slate (#4C7279): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#003408): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000201): 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
- Tempered Abyss color palette (#DAEAF1, #8EA3B2, #6B7E93, #003E47, #000509)
- Timeworn Abyss color palette (#DFF0ED, #A6C1C4, #7A97A4, #1A4800, #000201)
- Forest Pier color palette (#E1EBEC, #BECFD2, #8BA9B5, #00654A, #051A1B)
- Ancient Moss Grove color palette (#C9EFF2, #4F9200, #007358, #004A55, #000201)
- Twilit Forest color palette (#CEE7DF, #22682F, #003322, #0E1800, #000200)
- Onyx Parlor color palette (#D0EBDB, #1A615E, #004156, #2F0027, #0F0002)
- Forest Drift color palette (#D3EDD8, #005528, #002928, #17001B, #000201)
- Weathered Spruce Atelier color palette (#DDEAE6, #7D9290, #4E7375, #203000, #000201)
Browse the whole catalog at Explore, or see today's palette.