Tempered Pine color palette — #EEE7D2 · #437640 · #004035 · #2F0C37 · #000400
Olive and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#EEE7D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#437640): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004035): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#2F0C37): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Moonless Grove color palette (#F3E1C8, #565E0A, #003413, #1E0234, #010100)
- Emerald Cabin color palette (#C8EADE, #679E5E, #005D39, #481239, #000200)
- Navy Orchard color palette (#F2E0CA, #664000, #00416D, #21234F, #020100)
- Patina Forest color palette (#EDE5D6, #789966, #00644D, #492D4B, #131300)
- Shadow Villa color palette (#FFE9D2, #8E6100, #4D3300, #160C00, #020100)
- Chestnut Corridor color palette (#EBDFD1, #7D5000, #00516C, #3B2400, #000306)
- Pine Hollow color palette (#FDF0DD, #9EB263, #008048, #584168, #262100)
- Ancient Villa color palette (#F9E7D7, #5492B7, #244291, #002C29, #060017)
Browse the whole catalog at Explore, or see today's palette.