Olive Villa color palette — #E8EED2 · #658D24 · #2E6300 · #003B10 · #001106

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

The five colors

• Honeydew (#E8EED2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#658D24): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#2E6300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003B10): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001106): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged warm.

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 Lagoon color palette (#E8EADB, #5C7F00, #005B22, #00313D, #040F00)
• Bronze Bloom color palette (#FBECCB, #9B8300, #615B00, #2F3300, #080F00)
• Gentle Workshop color palette (#DFE3C3, #719700, #2B5B00, #002204, #000200)
• Clover Harbor color palette (#E1E8D7, #5EC241, #008F3D, #005E38, #003124)
• Wandering Lagoon color palette (#E1F4EB, #009680, #00635E, #003234, #001114)
• Timeworn Mustard color palette (#D0F1E7, #B2AB00, #709300, #00773C, #020C00)
• Hushed Fern Corridor color palette (#E6F3ED, #AAB8B2, #71A094, #595500, #00190F)
• Faded Navy color palette (#CEEEF1, #007861, #004D5F, #09007D, #100019)

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