Olive Villa color palette — #F7E8F2 · #227D02 · #18005F · #110401 · #020014
A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7E8F2): A whisper-light, dusty pink — the color of neon signs at night.
- Olive (#227D02): A full-bodied, vivid green — the color of a quiet forest floor.
- Deep Indigo (#18005F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#110401): A deep, shadowed, dusty orange — the color of autumn markets.
- Ink (#020014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.
Use it as a design system
One click turns Olive 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
- Smoked Forest Ridge color palette (#F7DDE6, #006941, #1E0038, #100303, #020006)
- Cellar Navy color palette (#EEE0EC, #826300, #020168, #000017, #080002)
- Dusty Aubergine Harbor color palette (#E8EDFF, #4B9931, #3C0E8D, #120036, #01000F)
- Emerald Dune color palette (#EFDDE0, #57A249, #58185B, #200521, #060001)
- Aubergine Veranda color palette (#DCDFF5, #B28600, #38006C, #0E0515, #020007)
- Worn Clover Villa color palette (#FFECF1, #4BC36F, #66307D, #2F0F3D, #140207)
- Weathered Aubergine color palette (#EFE2E4, #B19A96, #A86B45, #501E55, #0C0103)
- Twilit Coast color palette (#F1E8FF, #5D0097, #2B3D00, #152100, #020006)
Browse the whole catalog at Explore, or see today's palette.