Tempered Pine color palette — #D9F1E1 · #879C55 · #007530 · #53346F · #161E00
Built around Olive, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D9F1E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#879C55): A luminous, balanced green — the color of new leaves after rain.
- Olive (#007530): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Purple (#53346F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#161E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, 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
- Washed Jade color palette (#DCEEE8, #4DA773, #007064, #613156, #00220F)
- Weathered Fern Pier color palette (#FCF5E2, #94AD63, #366F31, #4F2D52, #050900)
- Worn Pine Pier color palette (#DAE9E1, #8EB17D, #00875B, #7A414F, #00312A)
- Olive Harbor color palette (#EAE7D8, #688621, #275100, #4B2014, #1F1B00)
- Dusty Harbor color palette (#DFF6E3, #757A35, #1A5300, #491338, #060600)
- Soft Veranda color palette (#E9FAEF, #AAC870, #379D57, #92516D, #0F4439)
- Ash Courtyard color palette (#ECF8F6, #A8DCDF, #6BA8A6, #84788D, #3B5253)
- Linen Ultramarine color palette (#ECD8E5, #CA3C00, #007687, #204AC0, #260500)
Browse the whole catalog at Explore, or see today's palette.