Tempered Spruce color palette — #F4ECD8 · #627430 · #0F4400 · #272300 · #0C1200

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

The five colors

• Cream (#F4ECD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive (#627430): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0F4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#272300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0C1200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Midnight Forest Quarry color palette (#E0E1C7, #356A4A, #003428, #091C00, #000803)
• Antique Fern Atelier color palette (#EDE3D3, #908F62, #475F00, #004B2A, #2C2A00)
• Aged Moss color palette (#D9E8DB, #798E34, #006337, #493400, #0D1200)
• Ancient Olive color palette (#DDF7E8, #8AA438, #3D832C, #5F5717, #00140E)
• Mulberry Veranda color palette (#DCF0D6, #006E63, #8B004A, #00352F, #24000F)
• Cobalt Lagoon color palette (#DAEFD5, #6BAEBC, #2879C1, #005238, #002126)
• Aubergine Garden color palette (#E0F2F0, #005955, #5E0088, #452900, #000A09)
• Forest Chapel color palette (#F4F8E0, #64B695, #007A6F, #1D6027, #004632)

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