Tempered Pine color palette — #E5F6F1 · #8BB678 · #208032 · #40550B · #122706
Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#E5F6F1): bright and airy, almost weightless.
- Sage (#8BB678): A luminous, balanced green — the color of fresh herbs.
- Olive (#208032): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#40550B): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#122706): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, 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
- Patina Olive color palette (#E8F6EC, #AFAA74, #6B7200, #5C4A00, #252100)
- Cypress Market color palette (#DAF9F8, #77B79F, #007D6B, #0F5B37, #00281C)
- Pine Lantern color palette (#FBF5E4, #89B074, #007D53, #575315, #3B3B34)
- Powdered Archive color palette (#F8F6E3, #9BCB87, #349E48, #5E713E, #29421E)
- Aged Loft color palette (#D9EBE7, #6B9B6F, #00663B, #1D4400, #001615)
- Worn Sapphire color palette (#BEEEFB, #009693, #2770DC, #4E6D00, #001D1C)
- Bronze Terrace color palette (#DBF8FF, #00AFAB, #998100, #006967, #282000)
- Weathered Lagoon color palette (#D7ECEC, #478770, #005044, #00331C, #000B06)
Browse the whole catalog at Explore, or see today's palette.