Olive Villa color palette — #D3E5D8 · #6D7F2C · #554300 · #3F1E00 · #001D07

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

The five colors

• Celadon Mist (#D3E5D8): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#6D7F2C): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#554300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#3F1E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001D07): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Bronze Study color palette (#F4E5EA, #90720B, #673800, #510205, #141900)
• Ancient Courtyard color palette (#DBEFE3, #739534, #645500, #512D03, #002B2A)
• Wandering Bronze Loft color palette (#F1E7D3, #9AA75F, #937B00, #7E4E00, #051C00)
• Smoked Fern color palette (#EEE4D6, #615C00, #3C2700, #220700, #010500)
• Patina Moss color palette (#D3FADD, #97A73C, #826500, #723700, #1F3E21)
• Wandering Amber color palette (#FFD4B8, #B48500, #8C4500, #6D1720, #2A2B00)
• Aged Courtyard color palette (#D4DFFC, #4C00D8, #444700, #292B00, #0B0629)
• Worn Meadow color palette (#DCE3F0, #495DFF, #5A3500, #191B85, #0C0003)

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