Tempered Pine color palette — #FBF5E3 · #8CA56E · #38723E · #653E45 · #36362F
Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FBF5E3): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8CA56E): A luminous, balanced green — the color of new leaves after rain.
- Olive (#38723E): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#653E45): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine 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
- Timeworn Corridor color palette (#F5F7E7, #78A78D, #007363, #44476D, #2D3C00)
- Moss Archive color palette (#F7E9D5, #A29420, #536300, #722233, #342E00)
- Ancient Lagoon color palette (#E7E6D0, #5F9D64, #006546, #583418, #282C04)
- Dusty Fern color palette (#F6F6EB, #91BC99, #3B836A, #734F4D, #3F4800)
- Washed Cobalt Corridor color palette (#F9F4ED, #A3D1BA, #0080BD, #005F63, #483149)
- Dusty Mustard color palette (#FFF3E9, #F6D49C, #B2BF65, #9E5E52, #413C36)
- Tempered Olive Villa color palette (#F2EFDC, #568948, #005330, #481B3C, #1C1C00)
- Amber Canyon color palette (#FFF2E6, #D59150, #8F5300, #512D00, #341C00)
Browse the whole catalog at Explore, or see today's palette.