Olive Villa color palette — #F8EFD4 · #9AA000 · #478A00 · #00616A · #131900
A conversation between Olive Leaf and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8EFD4): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9AA000): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#478A00): A full-bodied, vivid green — the color of new leaves after rain.
- Peacock (#00616A): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#131900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Tempered Bloom color palette (#EBEAD9, #7B9F00, #008571, #005977, #191000)
- Amber Coast color palette (#F8EDD6, #BF8F00, #7F7A00, #006455, #1C1500)
- Tempered Olive Pier color palette (#F2EECD, #688600, #284C19, #211E02, #020200)
- Pale Aubergine color palette (#EDE2D6, #9D7B00, #0F722D, #460A6B, #171800)
- Faded Navy color palette (#E7E5C4, #008F6B, #006863, #00318A, #000503)
- Wandering Lagoon color palette (#E4E8D8, #5EBD91, #009477, #656919, #002113)
- Hushed Market color palette (#DFEBBB, #00D545, #00A77F, #0073A9, #003218)
- Jade Orchard color palette (#E8EECB, #5FB389, #359483, #216996, #162B4D)
Browse the whole catalog at Explore, or see today's palette.