Tempered Pine color palette — #E5FBF3 · #86B363 · #267E24 · #0E603F · #0F443B
A conversation between Olive and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#86B363): A luminous, balanced green — the color of fresh herbs.
- Olive (#267E24): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#0E603F): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#0F443B): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Quiet Jade Coast color palette (#DDFDFB, #4FBA90, #007B66, #285D3C, #084345)
- Faded Fern color palette (#D7F3E9, #73A246, #176D0B, #004D4F, #1D3600)
- Patina Olive color palette (#EFF8F2, #8EBBA7, #6E7A3D, #3C6165, #31483E)
- Dusty Emerald color palette (#FEF4E2, #AFC767, #459C53, #3B7473, #363F15)
- Patina Summit color palette (#DBEFEE, #168F69, #005143, #003635, #002115)
- Quiet Canyon color palette (#E6FCE7, #CBD784, #74B781, #5394A0, #144435)
- Antique Grove color palette (#E7FAF6, #92DEDB, #009198, #00685A, #004952)
- Timeworn Olive color palette (#DFF2E8, #637418, #274000, #002925, #0D1200)
Browse the whole catalog at Explore, or see today's palette.