Olive Villa color palette — #F5F2E5 · #B0B98B · #A291CC · #6D7A00 · #35294D

Olive Leaf and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E5): bright and airy, almost weightless.
• Sage (#B0B98B): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#A291CC): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#6D7A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#35294D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Delta color palette (#EBF9F3, #ACB775, #9F8CCD, #6F7A2C, #474B67)
• Aged Pine Veranda color palette (#F0F4E6, #95C09B, #BE87B1, #318547, #492429)
• Dusty Bronze Market color palette (#FBF0E4, #CFAC87, #72A0D2, #9E6200, #3E2741)
• Weathered Plum color palette (#F4F3E1, #93A474, #6393BA, #B05870, #2B2811)
• Wandering Bronze Lagoon color palette (#FAF0E9, #CDB6A2, #AE7349, #7C4741, #352A1B)
• Aged Orchid Lagoon color palette (#F2F5D7, #70BE59, #B056BA, #1F6000, #38003F)
• Weathered Moss Orchard color palette (#F8F6E6, #E1EDB5, #D0C0FF, #93A43E, #5C3B4A)
• Cypress Dune color palette (#F0F3EC, #D4C0A1, #3A6E52, #093B25, #12150B)

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