Tempered Pine color palette — #E9ECDB · #00751E · #364147 · #002C19 · #090A00
A conversation between Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E9ECDB): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#00751E): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#364147): quiet, heavy and certain.
- Deep Forest (#002C19): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#090A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Cellar Pine color palette (#E9ECD4, #1A730A, #2D3739, #001715, #000200)
- Chestnut Bloom color palette (#F4E7CC, #716000, #334041, #252600, #0E0800)
- Worn Harbor color palette (#D0F1EC, #0E9321, #164D3C, #032505, #000202)
- Lagoon Cabin color palette (#D1E7E1, #008B77, #004140, #00211B, #040900)
- Washed Moss Cabin color palette (#F5EFDC, #8A9D2B, #4A6D00, #494811, #201B00)
- Softworn Cocoa Corridor color palette (#E7F1E2, #007160, #682E0B, #002B29, #030C00)
- Muted Emerald Studio color palette (#E2E7D6, #00AA65, #3B5718, #2D2F28, #181912)
- Hushed Terrace color palette (#D1ECE3, #009D7F, #9A6A00, #00614E, #261700)
Browse the whole catalog at Explore, or see today's palette.