Tempered Pine color palette — #EEEED5 · #008440 · #00483F · #00222A · #000D27
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#EEEED5): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008440): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00483F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00222A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000D27): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.
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
- Eclipse Lagoon color palette (#CDE8D5, #007159, #004440, #001D21, #000203)
- Wandering Station color palette (#FFEDD1, #717400, #004E25, #00231F, #000F18)
- Aged Balcony color palette (#D8F4E1, #00987B, #005F5B, #00343B, #000C13)
- Eclipse Fern color palette (#F9E6E6, #2A6800, #003740, #360007, #000F08)
- Hazy Emerald Corridor color palette (#E3E9CF, #00AB5C, #008179, #00516C, #000436)
- Aged Study color palette (#EFE8C4, #4F865F, #00536F, #3C2500, #231600)
- Wandering Abyss color palette (#D8E6E5, #9BADB1, #648499, #004421, #001818)
- Aged Navy color palette (#E0F3F5, #959000, #00866E, #003F90, #000F10)
Browse the whole catalog at Explore, or see today's palette.