Tempered Pine color palette — #E5EECF · #007848 · #00463C · #001F3D · #000704
Pine takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#E5EECF): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007848): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00463C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001F3D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000704): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Onyx Market color palette (#DFF3EF, #007472, #00434F, #1F0456, #000708)
- Pine Alley color palette (#F7ECDB, #007B3C, #004745, #3D0046, #001C12)
- Dusty Alley color palette (#D7F5E5, #656B00, #204600, #002328, #040600)
- Wandering Veranda color palette (#D9EEE9, #318E44, #00522F, #173108, #000B01)
- Tempered Turquoise color palette (#D8E6E4, #59ABB4, #006373, #003938, #000D13)
- Eclipse Onyx color palette (#D5E4D7, #004F5E, #00263A, #140021, #000102)
- Tempered Harbor color palette (#D8E2D3, #00928D, #005D6B, #2E1878, #001617)
- Clover Orchard color palette (#C7F2F3, #00C048, #00986A, #00665E, #000906)
Browse the whole catalog at Explore, or see today's palette.