Tempered Pine color palette — #D7F5F0 · #007C43 · #00412C · #2E1800 · #000401
Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D7F5F0): A whisper-light, dusty teal — the color of sea glass.
- Pine (#007C43): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00412C): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#2E1800): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Washed Veranda color palette (#D0E5E2, #2E8C5E, #00503B, #2D2C00, #000A0A)
- Pine Lagoon color palette (#E6E7D1, #307D4F, #004233, #400725, #001507)
- Patina Grove color palette (#D5F6E1, #706B00, #343B00, #3E030D, #030300)
- Patina Ridge color palette (#E1F0E1, #7B5200, #005646, #3A2500, #000402)
- Antique Forest Delta color palette (#D0EDE4, #719C5A, #1C6625, #493501, #001713)
- Worn Mustard color palette (#DFF2E4, #AFA726, #667F00, #543700, #090600)
- Muted Field color palette (#CAEFE1, #449763, #00605B, #54224C, #001507)
- Hushed Jade color palette (#DEF9EE, #99B363, #4F7832, #62461E, #00271F)
Browse the whole catalog at Explore, or see today's palette.