Tempered Pine color palette — #D3E5E4 · #007C4E · #144153 · #00331E · #000202
Pine takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Silver (#D3E5E4): a clean, paper-quiet neutral.
- Pine (#007C4E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#144153): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#00331E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Inked Workshop color palette (#D1E5EA, #006663, #1F314C, #002423, #000102)
- Ancient Olive color palette (#DDEDE6, #696E00, #004223, #2A2C00, #000201)
- Weathered Abyss color palette (#D9E2E3, #92A4A7, #60828B, #004132, #000506)
- Emerald Villa color palette (#E6EBDD, #009C65, #005F5F, #005333, #000300)
- Muted Lagoon color palette (#DCE7EF, #0082B7, #2E15B8, #003B56, #01000B)
- Cerulean Cabin color palette (#DBE7ED, #009FB4, #005A8D, #00505B, #000207)
- Wandering Petrol color palette (#E4F5FB, #3FBBC3, #0074A2, #00686E, #000A15)
- Patina Cypress Courtyard color palette (#EBF4F5, #94D2C4, #2092A5, #008472, #08181F)
Browse the whole catalog at Explore, or see today's palette.