Tempered Pine color palette — #EFECD6 · #448C52 · #005142 · #2B3300 · #002208
Fern takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#EFECD6): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#448C52): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#2B3300): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#002208): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Quiet Studio color palette (#EDE3D2, #76821B, #0C5409, #3B2C00, #191D00)
- Tempered Lagoon Studio color palette (#E8E5D2, #649B6F, #006453, #004557, #272C0C)
- Fern Delta color palette (#F9E8D4, #9D9625, #3E6800, #004F43, #322F00)
- Patina Coast color palette (#E0F1EC, #7CB886, #00956F, #556D38, #002209)
- Fern Alley color palette (#F5EBD5, #4E671D, #003517, #001B1C, #040700)
- Lagoon Villa color palette (#CFEFDD, #008F82, #005B64, #003946, #141C39)
- Pine Balcony color palette (#FAF5E6, #88B079, #007D56, #005C67, #3B3B34)
- Terracotta Meadow color palette (#D6E6D8, #007C85, #943800, #004247, #320E00)
Browse the whole catalog at Explore, or see today's palette.