Olive Villa color palette — #F1F0D6 · #5B6C00 · #0B4B06 · #00242B · #020400
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F0D6): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#5B6C00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#0B4B06): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#020400): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Chestnut Orchard color palette (#F2E7CF, #875800, #493C00, #00261A, #060300)
- Nocturne Harbor color palette (#F1EDD2, #516000, #004334, #3A0003, #030100)
- Charred Atelier color palette (#F7EBD3, #4D4E00, #002D0F, #0B0035, #020400)
- Cypress Loft color palette (#DFE5D7, #007556, #004743, #001B4C, #000503)
- Airy Nightshade color palette (#EADEC4, #7F7F00, #006D2F, #32139A, #020400)
- Hushed Lagoon color palette (#E8EDE0, #009868, #00665D, #003672, #001C13)
- Gentle Moss Courtyard color palette (#E7DFBC, #3AAE00, #007D53, #004E6D, #222703)
- Cerulean Summit color palette (#E0E4CF, #439FBD, #006082, #003A42, #000A15)
Browse the whole catalog at Explore, or see today's palette.