Olive Villa color palette — #F1F1DD · #4E7F00 · #00572F · #002C28 · #000507
Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F1DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#4E7F00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#00572F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#002C28): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000507): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Weathered Bronze color palette (#F7E2CC, #7E6E00, #3F5400, #002813, #000302)
- Pine Canyon color palette (#E6ECDD, #0C8A1F, #00492C, #001411, #000102)
- Weathered Villa color palette (#F8DCC8, #576D00, #00483F, #3E0026, #000500)
- Lagoon Drift color palette (#DCEDDF, #008779, #00505B, #002434, #000022)
- Feathered Terrace color palette (#E5EBCE, #A89700, #008E52, #005F66, #000503)
- Fern Boulevard color palette (#E8E7DE, #A2A894, #768E6E, #394D00, #0B0900)
- Garnet Meadow color palette (#E3E8C5, #4C7F5F, #005D64, #551720, #230800)
- Quiet Jade Study color palette (#E0EBCC, #1ABB72, #008A77, #00515B, #002436)
Browse the whole catalog at Explore, or see today's palette.