Tempered Pine color palette — #D3EFE6 · #227E4D · #004139 · #480006 · #001313
A conversation between Teal and Espresso, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D3EFE6): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#227E4D): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004139): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#480006): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#001313): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Olive Grove color palette (#DCEBE2, #58772A, #004422, #282200, #091300)
- Olive Coast color palette (#E6F4E7, #726F18, #214100, #3E0433, #00140B)
- Linen Aubergine color palette (#CCF1EA, #3D801A, #6B0063, #123600, #20001E)
- Emerald Basin color palette (#D8EEE9, #319B4A, #00633B, #423800, #001503)
- Tempered Aubergine color palette (#E3F1E0, #2C6F1C, #4B0064, #5A003B, #010B00)
- Washed Courtyard color palette (#D8F2EC, #03AB7E, #006866, #732612, #003726)
- Softworn Lagoon color palette (#EBE0E8, #39A0A3, #005264, #00321E, #001626)
- Softworn Harbor color palette (#DBEAD9, #00C1AE, #0085AD, #443D00, #001B0C)
Browse the whole catalog at Explore, or see today's palette.