Olive Villa color palette — #FFF1F6 · #A69C6A · #48701E · #424969 · #243B2E
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Moss (#A69C6A): A luminous, dusty green — the color of new leaves after rain.
- Olive (#48701E): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#424969): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#243B2E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Pier color palette (#F0F8EF, #AFB581, #4D8155, #545772, #2F493F)
- Timeworn Cypress Harbor color palette (#E9FAEF, #84A774, #00745A, #6A3A4B, #1A3C37)
- Wandering Alley color palette (#FAF0E2, #A8A362, #5A6E1A, #5A3C4B, #231B06)
- Weathered Forest color palette (#FAF2FB, #9CCFDB, #0086A3, #196320, #233D56)
- Tempered Orchard color palette (#FAE9F5, #D26B59, #008D77, #9F1D08, #003F34)
- Gentle Thicket color palette (#F2DEE4, #827D38, #1A5300, #2B245A, #002114)
- Taupe Coast color palette (#FCF4EA, #D1CC9B, #92A979, #9E768C, #38352E)
- Hushed Pier color palette (#DAF2DF, #5B770A, #004328, #300E45, #0B1200)
Browse the whole catalog at Explore, or see today's palette.