Olive Villa color palette — #F4F3E1 · #92AF6D · #997FBD · #4E7200 · #2E1D43
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F3E1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#92AF6D): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#997FBD): A luminous, balanced violet — the color of a velvet chair.
- Olive (#4E7200): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#2E1D43): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Soft Olive color palette (#E5FBF3, #9AA76D, #A573B5, #5F6E00, #53355B)
- Pine Corridor color palette (#EDF6DF, #5FB98C, #BB71A1, #00784D, #3D1731)
- Chestnut Grove color palette (#FDF0DD, #C59C55, #648FCC, #835C00, #0D274A)
- Timeworn Moss Courtyard color palette (#E9F9F5, #A9C28B, #B593DB, #659009, #4D3566)
- Moss Workshop color palette (#F3F5D4, #6C9E4E, #4B81C4, #A24C55, #202005)
- Cocoa Courtyard color palette (#FCEFE5, #C3A684, #966A4B, #743A13, #2B210F)
- Dusty Plum Parlor color palette (#E5ECCC, #28B159, #A60098, #005C27, #2B0027)
- Forest Coast color palette (#EEF4EA, #C7B081, #14634E, #1E2C0E, #090E05)
Browse the whole catalog at Explore, or see today's palette.