Olive Villa color palette — #EAF9F4 · #94A96D · #C86B5E · #567100 · #65312A
A conversation between Olive and Coral Clay, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF9F4): bright and airy, almost weightless.
- Moss (#94A96D): A luminous, balanced green — the color of fresh herbs.
- Coral Clay (#C86B5E): A luminous, balanced orange — the color of toasted spice.
- Olive (#567100): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#65312A): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, 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
- Tempered Loft color palette (#E8F9F9, #70B08D, #B67B40, #00794D, #5C3916)
- Worn Fuchsia Summit color palette (#F8F6E2, #ACC27C, #D684C4, #728C2D, #573550)
- Worn Lagoon Market color palette (#E9FAEE, #B09F67, #009E97, #7A6300, #004D49)
- Softworn Veranda color palette (#FFF1F6, #C49AA7, #926844, #7A4018, #2D442F)
- Emerald Meadow color palette (#C7EEEB, #009F4E, #AA5600, #005F2C, #492100)
- Soft Lilac Parlor color palette (#E2F7F3, #83B46B, #AA76DB, #3A7016, #242341)
- Tempered Alley color palette (#E6FAF8, #75AF85, #588DC5, #007A3D, #234466)
- Ancient Olive color palette (#E0FCF9, #C3DFEC, #8DCCBB, #5F8441, #335250)
Browse the whole catalog at Explore, or see today's palette.