Olive Villa color palette — #FFF0F9 · #C1A9AE · #9E7C75 · #536F31 · #255855

A conversation between Olive and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Rosewood Mist (#C1A9AE): A luminous, dusty red — the color of embers at dusk.
• Mocha (#9E7C75): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#536F31): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#255855): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, 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

• Pewter Parlor color palette (#FFF1F4, #CDB7B4, #A08A7A, #587665, #5E4A5A)
• Petal Ridge color palette (#F5F4FF, #E4CCF3, #CAAABC, #7B949C, #31535E)
• Denim Market color palette (#FBE4E2, #B98A74, #7C6828, #2C4879, #4B2836)
• Tempered Bronze color palette (#FFF2EF, #E2BCAD, #C28E77, #887128, #5B5300)
• Weathered Basalt color palette (#FBF4EB, #BBAF8A, #637C54, #714D60, #514100)
• Wandering Terracotta Quarry color palette (#EFE5FF, #C283A1, #9C5142, #005D66, #004374)
• Misty Quarry color palette (#FFF2ED, #D18987, #1D9C9F, #AA393E, #004D4E)
• Washed Ridge color palette (#FBF3EF, #CFE2D0, #4D96AA, #00754C, #214C68)

Browse the whole catalog at Explore, or see today's palette.