Tempered Pine color palette — #DDE6D7 · #008D4E · #005D50 · #003338 · #0D182F
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#DDE6D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008D4E): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#003338): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#0D182F): A deep, shadowed, dusty violet — the color of wild irises.
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
- Dusty Market color palette (#D5EAD6, #008071, #004D54, #002630, #00122C)
- Forest Hollow color palette (#E4E2CC, #687C00, #086011, #00332A, #001A24)
- Ancient Lagoon color palette (#CFE6CB, #007E77, #A20C52, #00433F, #380018)
- Weathered Basin color palette (#D5F8F3, #006961, #940025, #5C2700, #001613)
- Iris Summit color palette (#D2E8C6, #5CC5F1, #7B87D7, #43540B, #0D2B13)
- Hazy Delta color palette (#DFF5E8, #00A9A0, #006F81, #004768, #162B74)
- Mint Canyon color palette (#C9F0BF, #46CA9C, #00877F, #00677B, #244E41)
- Peony Hollow color palette (#E8F2E1, #FE2294, #459700, #00170F, #040400)
Browse the whole catalog at Explore, or see today's palette.