Olive Villa color palette — #F8F0EC · #C9E4DF · #7BA797 · #5F7432 · #422F3F

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

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Silver (#C9E4DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Taupe (#7BA797): A luminous, dusty teal — the color of sea glass.
• Olive (#5F7432): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#422F3F): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Cypress color palette (#F7F0EC, #C6E6E5, #819EC5, #33796C, #432F3B)
• Pine Coast color palette (#EFF5E3, #8FC19F, #BA89B6, #3A8357, #45272C)
• Ancient Pier color palette (#FFF1CD, #B6C188, #68986A, #276850, #283F27)
• Timeworn Driftwood color palette (#F0F4E6, #C7E4D9, #E2C6E4, #9F813C, #3A4336)
• Lagoon Orchard color palette (#F9F3F8, #D6D5E8, #87B8D8, #559676, #43536C)
• Weathered Bronze Basin color palette (#FCF0E0, #C3BBA2, #A47A3C, #80471E, #2D2D1A)
• Tempered Driftwood color palette (#F0F5DD, #7BAA7F, #B97693, #9B667D, #262916)
• Muted Forest color palette (#EAF8D9, #A7DBC5, #569579, #165A41, #002317)

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