Tempered Pine color palette — #D8F2E5 · #3B783D · #004036 · #330C2E · #000400
Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8F2E5): A whisper-light, dusty teal — the color of sea glass.
- Olive (#3B783D): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004036): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#330C2E): A deep, shadowed, dusty pink — the color of neon signs at night.
- 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
- Timeworn Olive Meadow color palette (#D4F1E6, #4B793A, #004325, #3B1500, #031400)
- Fern Delta color palette (#F3D9E2, #63590F, #163200, #210F00, #010100)
- Aubergine Quarry color palette (#DEECD6, #2C5600, #610078, #500033, #000200)
- Weathered Moss Field color palette (#E6E2CB, #6D9D5D, #005D34, #491C00, #000200)
- Soft Aubergine Basin color palette (#C9EAE3, #3C7C1A, #4E008C, #113300, #05000F)
- Washed Cypress color palette (#E7F6EC, #8CAB7A, #2E735C, #2D4F3C, #00221D)
- Forest Market color palette (#E0F0E3, #859564, #00663C, #493500, #0E1500)
- Washed Villa color palette (#F1EBD4, #589363, #006057, #5C174D, #001504)
Browse the whole catalog at Explore, or see today's palette.