Olive Villa color palette — #EDF0D6 · #708200 · #466000 · #1C3800 · #011601

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

The five colors

• Cream (#EDF0D6): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#708200): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#466000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#1C3800): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#011601): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Bronze Basin color palette (#E9DFCF, #977600, #624F00, #352F00, #121200)
• Pine Courtyard color palette (#E8F3E7, #008D4C, #006841, #003929, #001711)
• Tempered Olive Veranda color palette (#EEE2C6, #8E8900, #577900, #005825, #001B11)
• Olive Boulevard color palette (#D2F3EC, #498B00, #006F99, #285100, #00121C)
• Fern Atelier color palette (#C3F0EB, #64C899, #2EA38B, #3D6700, #00240E)
• Soft Moss color palette (#E7EDDD, #7AB100, #418C00, #0D6410, #00411B)
• Patina Canyon color palette (#E2F0DC, #377800, #00686E, #684000, #020A00)
• Linen Teal Harbor color palette (#CBEADD, #00B897, #008274, #00605B, #003A3A)

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