Tempered Villa color palette — #D9F7F4 · #006965 · #594700 · #00312F · #040300
A conversation between Deep Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9F7F4): A whisper-light, dusty teal — the color of sea glass.
- Pine (#006965): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#594700): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00312F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
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
- Dusty Fern color palette (#D9E9D5, #1D6E01, #7B2E00, #093400, #080100)
- Nightshade Corridor color palette (#C7EDF1, #00545B, #2200B7, #0F3900, #000102)
- Velvet Coast color palette (#D8F1F5, #007E8D, #004047, #001619, #000102)
- Worn Aubergine color palette (#D5EFF7, #006679, #6C0095, #00303A, #06000C)
- Garnet Corridor color palette (#DAEDD9, #006D6C, #8F002E, #003433, #260006)
- Muted Brick color palette (#D4F6F1, #009189, #C2011D, #004641, #050000)
- Inked Olive Balcony color palette (#C8E4F3, #327B00, #403735, #00232C, #000305)
- Worn Cobalt Studio color palette (#CCF4FB, #00B5DC, #0088C6, #004E4F, #00080C)
Browse the whole catalog at Explore, or see today's palette.