Tempered Spruce color palette — #F0E3EF · #727AA1 · #6D496C · #193300 · #001512

Deep Forest takes the lead with Charcoal Brown close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F0E3EF): A whisper-light, dusty pink — the color of neon signs at night.
• Slate (#727AA1): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#6D496C): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#193300): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001512): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Dusty Mulberry color palette (#D7E0FF, #9C707C, #853C4E, #003227, #001219)
• Muted Courtyard color palette (#EFD7EA, #A97591, #844653, #523200, #342600)
• Cellar Bloom color palette (#FFE3EC, #6C496A, #562121, #001D1A, #000306)
• Patina Pewter Quarry color palette (#D9E2F5, #AE82BC, #9B5363, #225843, #002F23)
• Washed Studio color palette (#F2ECFF, #C789A7, #9F5D67, #5E3D00, #1E1600)
• Tempered Ridge color palette (#FAE9E1, #7EA78F, #005E8D, #003A33, #00062A)
• Worn Summit color palette (#FDEBFC, #C6AAB3, #AC7C79, #31624C, #25392A)
• Wandering Courtyard color palette (#FFE9EC, #B18C81, #805E3B, #01425B, #2F1228)

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