Olive Villa color palette — #DFFEF0 · #DDC5D1 · #AA827D · #627735 · #415247

Olive takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFFEF0): A whisper-light, dusty teal — the color of sea glass.
• Oat (#DDC5D1): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#AA827D): A luminous, dusty orange — the color of toasted spice.
• Olive (#627735): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#415247): A full-bodied, dusty teal — the color of sea glass.

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

• Softworn Balcony color palette (#EDF2FF, #CAC9EB, #A096AB, #597266, #354845)
• Bronze Boulevard color palette (#FFE2EE, #DAB0AA, #AC7843, #4C6959, #38504E)
• Washed Fern color palette (#FCF4EA, #CAC19C, #608E64, #7A5D61, #5B4C00)
• Quiet Chapel color palette (#E6DCE9, #D38B8F, #946B1D, #004D7B, #292F5B)
• Softworn Driftwood color palette (#D8F3FF, #A4A4D2, #A46885, #00696E, #005162)
• Worn Moss Veranda color palette (#FFF1F1, #D29EB9, #7DA762, #9D587F, #4D4E46)
• Muted Lagoon Boulevard color palette (#FFF1F4, #B682BE, #1B9F86, #09808C, #503C40)
• Terracotta Thicket color palette (#EADEEB, #AF8EBE, #9D4750, #00555C, #26402C)

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