Tempered Pine color palette — #DDE0D1 · #3B8B5C · #005139 · #2E2B00 · #060900
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Bone (#DDE0D1): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#3B8B5C): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005139): A deep, shadowed, balanced teal — the color of sea glass.
- Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, 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
- Wandering Olive Field color palette (#ECE1C9, #7D7D2F, #3F4A00, #322900, #0B0700)
- Lagoon Harbor color palette (#D7E7DF, #00966B, #00523B, #001D13, #000201)
- Faded Studio color palette (#E1EED3, #3D8300, #125C07, #002B0D, #001106)
- Antique Lagoon Loft color palette (#D3EEE8, #009063, #00504C, #4A2019, #002021)
- Pine Atelier color palette (#EEF1E0, #008220, #8E3C00, #00430C, #130300)
- Chalky Jade Basin color palette (#F1F4E3, #64BD89, #007E5D, #25592A, #002814)
- Washed Denim color palette (#E7F4DE, #006853, #005279, #403E00, #000503)
- Weathered Lagoon Lantern color palette (#E7F4D9, #6FB8A9, #009897, #005527, #00120C)
Browse the whole catalog at Explore, or see today's palette.