Tempered Pine color palette — #D5EAE6 · #82B38B · #008757 · #3C6031 · #00302E
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D5EAE6): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#82B38B): A luminous, dusty green — the color of fresh herbs.
- Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
- Pine (#3C6031): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00302E): A deep, shadowed, dusty teal — the color of sea glass.
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
- Washed Pine color palette (#D4F3EB, #80BD76, #009043, #006B51, #0F3808)
- Washed Lagoon color palette (#E3FCF1, #93CB9B, #00897C, #535420, #001F07)
- Worn Olive color palette (#D8EADD, #B2A757, #757700, #675310, #0B3120)
- Patina Ridge color palette (#E7E6D3, #96C99E, #52A385, #687D51, #272C05)
- Tempered Teal color palette (#D7F3F0, #00AFAF, #00848C, #005561, #003744)
- Patina Fern Quarry color palette (#D6EEE5, #6D9141, #1F6300, #004426, #091300)
- Cerulean Veranda color palette (#E3F2F0, #89D2DC, #0096AF, #006C6A, #003442)
- Ancient Moss color palette (#EBF9F2, #9ED1BF, #7D9B58, #4A7C77, #2E4940)
Browse the whole catalog at Explore, or see today's palette.