Tempered Pine color palette — #F0EECA · #96AB6A · #347E2B · #00585F · #004052
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#F0EECA): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#96AB6A): A luminous, balanced green — the color of new leaves after rain.
- Olive (#347E2B): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#004052): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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
- Patina Basin color palette (#DEF0D8, #68A980, #008773, #005378, #39345A)
- Aged Grove color palette (#F3DFCC, #C6992F, #7A6F00, #006045, #004945)
- Powdered Pine Cabin color palette (#F6E5DC, #A99035, #187F42, #4B3562, #28103E)
- Wandering Corridor color palette (#E1F4ED, #52928B, #006A71, #27355F, #33173A)
- Moss Meadow color palette (#C7EFE4, #669600, #007C9C, #3B5900, #003343)
- Airy Moss color palette (#DBF1E9, #74A326, #266C00, #593D00, #223502)
- Patina Ash Terrace color palette (#E3FCF1, #AED3CA, #77A09C, #596E78, #4B5265)
- Mustard Archive color palette (#F9EAE2, #C8AF4A, #649765, #745194, #4E315D)
Browse the whole catalog at Explore, or see today's palette.