Tempered Spruce color palette — #F2F0DA · #557643 · #00450E · #002A1A · #051400
Forest and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F0DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#557643): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00450E): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#002A1A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#051400): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Cypress Coast color palette (#E1E7D6, #0A6D54, #00332B, #001B1C, #000805)
- Worn Forest Thicket color palette (#DDEBE1, #7A8D3A, #006520, #004140, #0D1200)
- Moss Thicket color palette (#DEF1EB, #6CAC35, #2A852B, #1D6446, #001410)
- Quiet Denim Archive color palette (#EBD8ED, #0060AC, #005B33, #002D56, #001407)
- Timeworn Lagoon Studio color palette (#F0F0E0, #569D9D, #00545A, #00302A, #00181C)
- Wandering Boulevard color palette (#F8F6E5, #8BA47C, #3D713C, #0C5659, #36362F)
- Worn Boulevard color palette (#F4F7E9, #A9B58F, #48806B, #2D6173, #3A4A00)
- Hazy Aubergine color palette (#E6D9E5, #0043A8, #6A006F, #003838, #00061C)
Browse the whole catalog at Explore, or see today's palette.