Olive Villa color palette — #F9F6E4 · #ABB683 · #8F93CD · #6D7A30 · #5F4355

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#ABB683): A luminous, dusty green — the color of fresh herbs.
• Blue Fog (#8F93CD): A luminous, balanced violet — the color of a velvet chair.
• Olive (#6D7A30): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5F4355): A full-bodied, dusty pink — the color of peonies in June.

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

• Wandering Courtyard color palette (#FDF4E5, #C4AD7B, #719DC8, #8B6E23, #30554D)
• Antique Cypress Corridor color palette (#F1F8E8, #7BC1A2, #BA84AF, #378364, #644246)
• Olive Atelier color palette (#E8F6EF, #B4B883, #CB868D, #747800, #3F2641)
• Dusty Boulevard color palette (#F7F5EB, #BFCB98, #63C0D7, #849730, #185663)
• Weathered Basalt Ridge color palette (#FAF6E0, #939F69, #8A82B1, #896280, #4D4200)
• Washed Bronze color palette (#FFF2EB, #CCB39B, #AD6F49, #785349, #604100)
• Antique Field color palette (#EBF9F3, #D3DBA1, #C6BDFF, #A7B05F, #454B68)
• Weathered Driftwood color palette (#F9F7D8, #C7D6AA, #6F8854, #485925, #2E3E17)

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