Tempered Spruce color palette — #F8EED7 · #665700 · #004318 · #002526 · #210A00

Built around Forest, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EED7): A whisper-light, dusty gold — the color of old brass.
• Olive (#665700): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004318): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002526): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#210A00): A deep, shadowed, dusty gold — the color of old brass.

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

• Moonless Chapel color palette (#F1EDCC, #405200, #003327, #00171F, #0D0600)
• Olive Field color palette (#E4E7D4, #657F00, #355500, #173500, #001E16)
• Antique Market color palette (#F5E5D8, #884000, #3F3700, #002807, #280013)
• Shadow Onyx Harbor color palette (#F3E7D2, #6F5400, #004034, #000B53, #0C0004)
• Amber Harbor color palette (#F1E6D2, #CB8C00, #9C8000, #4F5700, #1B1700)
• Aged Courtyard color palette (#E2E2D2, #35B3B0, #006469, #003F35, #00242A)
• Weathered Hollow color palette (#E0E2CA, #728F3F, #395E3C, #004047, #122440)
• Olive Garden color palette (#E8ECC3, #298400, #005851, #00384D, #322000)

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