Olive Villa color palette — #EFF2D7 · #548600 · #005C1B · #002D1F · #000303

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

The five colors

• Cream (#EFF2D7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#548600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005C1B): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002D1F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000303): a grounded near-black with real depth.

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

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

• Worn Pine Canyon color palette (#E5F4E2, #008A5F, #005043, #002A2C, #000407)
• Hushed Thicket color palette (#EEE5D6, #867200, #434A00, #122500, #000702)
• Hazy Pine Meadow color palette (#EADFC2, #738900, #117313, #004A39, #000607)
• Chalky Garden color palette (#F1E5CC, #556E00, #004932, #270056, #010500)
• Misty Olive Quarry color palette (#D0F3EC, #A99800, #298C00, #006959, #000701)
• Jade Grove color palette (#E9F4E1, #60BD71, #008A67, #005752, #00292E)
• Timeworn Fern color palette (#DCE9E4, #97A9A5, #678F8E, #424B00, #020C08)
• Tempered Lagoon Studio color palette (#CDECE3, #008F93, #006170, #00364E, #000D1F)

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