Olive Villa color palette — #F2F3E5 · #658531 · #007272 · #383569 · #210C01

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

The five colors

• Cream (#F2F3E5): bright and airy, almost weightless.
• Olive Leaf (#658531): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
• Navy (#383569): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#210C01): A deep, shadowed, dusty gold — the color of old brass.

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

• Aged Balcony color palette (#F7F2E3, #8E8029, #3B6D3D, #004171, #200D09)
• Washed Lagoon Corridor color palette (#ECF5E7, #008D69, #3A6799, #592A60, #1C1000)
• Taupe Canyon color palette (#FFEFE0, #A89F4A, #267D58, #593666, #272305)
• Petrol Study color palette (#F6F2E3, #939244, #286A9A, #5A2E57, #360D21)
• Aged Onyx Cabin color palette (#E4F2CF, #007A54, #005560, #490047, #0A0500)
• Sunlit Aubergine Atelier color palette (#DFE6CE, #00713B, #3D2393, #520007, #040500)
• Hazy Studio color palette (#E1F9EC, #007182, #04499D, #620023, #0D0D00)
• Pale Alley color palette (#EAF9F4, #869B5F, #008891, #764396, #1D2F1D)

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