Tempered Pine color palette — #E0E3D3 · #007528 · #445154 · #002B2B · #080B00
A conversation between Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E0E3D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007528): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#445154): quiet, heavy and certain.
- Deep Forest (#002B2B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#080B00): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Dusty Cypress color palette (#CFEACF, #006F6F, #38424A, #002740, #000D01)
- Chestnut Villa color palette (#E9E3D4, #6E6100, #2E3B3A, #002D0B, #0E0800)
- Pine Basin color palette (#E7EDD8, #00924A, #114D39, #1A2000, #020200)
- Aged Villa color palette (#E5DDD0, #849D55, #007349, #574100, #151F00)
- Twilit Pine Garden color palette (#C6E7E4, #007332, #2E2D34, #001714, #000201)
- Emerald Thicket color palette (#E0EBD4, #009D5E, #007669, #004B52, #002130)
- Teal Pier color palette (#ECF5EB, #36B0AC, #445F56, #303C2F, #21221D)
- Airy Brick Archive color palette (#C2E9DE, #008874, #C50D01, #7A4300, #001611)
Browse the whole catalog at Explore, or see today's palette.