Tempered Spruce color palette — #EFF0D6 · #4E5A5D · #224300 · #172425 · #000B07

A conversation between Deep Olive and Cream, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFF0D6): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal Brown (#4E5A5D): a grounded near-black with real depth.
• Deep Olive (#224300): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#172425): quiet, heavy and certain.
• Ink (#000B07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

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

• Cypress Meadow color palette (#DFF5E1, #007175, #002E22, #08180B, #010603)
• Muted Lantern color palette (#EAF3DC, #008435, #004A30, #002C28, #001718)
• Dusty Quarry color palette (#F4E2C9, #717000, #1F4200, #2F1F00, #150F00)
• Obsidian Fern Field color palette (#D7EDE8, #366000, #373843, #001E19, #000302)
• Sunlit Mulberry color palette (#CFEFE3, #007057, #88005A, #003628, #230014)
• Gentle Mulberry color palette (#CFF2E5, #005B46, #740054, #5F0020, #000A06)
• Hazy Cerulean color palette (#EFDED2, #289DC4, #004C81, #00302E, #070E37)
• Worn Atelier color palette (#F0E9CC, #55804B, #005451, #451C30, #370005)

Browse the whole catalog at Explore, or see today's palette.