Tempered Villa color palette — #D9EBD3 · #2A6B00 · #00595F · #553500 · #041700
A conversation between Olive and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9EBD3): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#2A6B00): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#00595F): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#553500): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#041700): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Villa 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
- Ancient Forest color palette (#D3EBE1, #006A52, #005478, #443E00, #00170F)
- Garnet Harbor color palette (#EDEBD5, #645C00, #005C46, #6D1D00, #151200)
- Navy Parlor color palette (#D6E3D1, #005F55, #0034A2, #2F2900, #031200)
- Teal Thicket color palette (#DFE2C0, #6FCD92, #00A98B, #405718, #1F2504)
- Hushed Garnet Garden color palette (#E3F5D4, #3E6500, #004D8B, #720029, #020400)
- Emerald Garden color palette (#D7E5D2, #3B9E00, #265400, #0D2400, #021000)
- Pine Alley color palette (#D7ECE3, #008565, #006C97, #5C5400, #002C1F)
- Wandering Pier color palette (#C5F1D9, #0087A6, #6A5DB5, #036D3E, #153224)
Browse the whole catalog at Explore, or see today's palette.