Tempered Spruce color palette — #F0F3EA · #BCC8B1 · #569083 · #506951 · #233900
Built around Forest, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F3EA): bright and airy, almost weightless.
- Pistachio (#BCC8B1): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#569083): A luminous, dusty teal — the color of sea glass.
- Pine (#506951): A full-bodied, dusty green — the color of a quiet forest floor.
- Forest (#233900): A deep, shadowed, balanced 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
- Tempered Dune color palette (#F3F2E9, #C5C6A8, #828942, #516854, #31322B)
- Washed Lagoon Delta color palette (#EEF8F5, #9ACCC9, #449183, #506A7A, #3E5150)
- Weathered Petrol Pier color palette (#F1F3EC, #C4E2E2, #70A3C3, #11788A, #1E3D35)
- Shadow Bloom color palette (#D8E2CE, #007969, #003F3C, #002038, #000403)
- Weathered Olive Alley color palette (#F6F2E2, #9CB07A, #4C792E, #005855, #1A2500)
- Wandering Forest Grove color palette (#EBEAD7, #769966, #146624, #004146, #061700)
- Nocturne Fern color palette (#E4DFCF, #565D24, #212F00, #001915, #010100)
- Cobalt Market color palette (#F9EEF4, #ADAEDE, #59ADA6, #6A68AF, #1F381B)
Browse the whole catalog at Explore, or see today's palette.