Olive Villa color palette — #DFEDE1 · #736A00 · #303C00 · #00222D · #030300

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

The five colors

• Honeydew (#DFEDE1): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#736A00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#303C00): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#00222D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Archive color palette (#D2E3DC, #3D7900, #00421F, #001D41, #000403)
• Weathered Bronze Garden color palette (#F4DCC5, #816900, #333D00, #0C1A54, #150F00)
• Timeworn Fern Atelier color palette (#F2E8CE, #848938, #485B00, #004238, #101100)
• Powdered Delta color palette (#F9D5E8, #AF8800, #445500, #321E4F, #020100)
• Eclipse Dune color palette (#F0E9F6, #6B0097, #573600, #003735, #030005)
• Muted Terrace color palette (#E8EAFF, #7B00C7, #415100, #3B0063, #020300)
• Olive Lantern color palette (#EAF5ED, #B5B881, #667E4B, #535268, #172C24)
• Washed Lagoon Canyon color palette (#D3EEE9, #52A076, #006453, #30345E, #001616)

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