Tempered Spruce color palette — #E1EFE0 · #6C6C16 · #044309 · #360333 · #030300
A conversation between Forest and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E1EFE0): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#6C6C16): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#044309): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Indigo (#360333): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, 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
- Patina Thicket color palette (#E4F2EB, #2A7B2C, #004036, #3E011C, #000400)
- Muted Onyx Lantern color palette (#D9E6DB, #6D8239, #00522F, #39154F, #000B07)
- Dusty Field color palette (#F2EAFF, #9C0083, #0F5909, #4C003F, #000400)
- Moss Quarry color palette (#E7E1CE, #739E37, #005E1E, #002C50, #010100)
- Fern Summit color palette (#EEDAE1, #988F4E, #2D6400, #363062, #00170C)
- Moss Station color palette (#D8EBDB, #85A31D, #006D3F, #60234F, #121900)
- Olive Dune color palette (#FFECF3, #B8A85C, #4B7B00, #4B4475, #272000)
- Eclipse Aubergine color palette (#EDDEF7, #6C0096, #00493F, #002F39, #030005)
Browse the whole catalog at Explore, or see today's palette.