Garnet Villa color palette — #E9F9F4 · #677D36 · #006A5E · #651F52 · #122D26
A conversation between Mulberry and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F9F4): bright and airy, almost weightless.
- Olive Leaf (#677D36): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006A5E): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#651F52): A deep, shadowed, balanced pink — the color of a candy shop window.
- Deep Forest (#122D26): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Garnet 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
- Muted Mulberry color palette (#E8F9FB, #008475, #00626C, #70125D, #06322F)
- Ancient Aubergine Summit color palette (#EEF8F1, #8A792B, #007143, #472B86, #122E1F)
- Mulberry Basin color palette (#FEF0FF, #A99660, #087D5C, #792C5F, #21453A)
- Onyx Studio color palette (#D3F8F9, #00714F, #005158, #4B0048, #091C00)
- Quiet Loft color palette (#F6F2E4, #8A860F, #005E9B, #592C63, #221004)
- Quiet Basin color palette (#E8F8FF, #00717F, #1C3E9B, #611C00, #002029)
- Ancient Pine Grove color palette (#D8E9E6, #4B8049, #143840, #022522, #041010)
- Olive Boulevard color palette (#FFECD4, #B4B374, #4F843D, #005B4C, #004251)
Browse the whole catalog at Explore, or see today's palette.