Olive Villa color palette — #E3DED0 · #4C7000 · #004132 · #00171A · #000204

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

The five colors

• Bone (#E3DED0): bright and airy, almost weightless.
• Olive (#4C7000): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004132): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00171A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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

• Hushed Studio color palette (#E9F2E1, #007C3F, #004637, #00201E, #000D10)
• Linen Moss color palette (#EEE4C2, #688D00, #006641, #00393D, #000A12)
• Deep Chestnut Thicket color palette (#F7DDD4, #805600, #3A4000, #001A09, #000202)
• Velvet Fern color palette (#FFE1E4, #455F00, #00363A, #2B001A, #000201)
• Antique Delta color palette (#F1EAD6, #4F7B46, #004854, #3C1800, #170600)
• Wandering Summit color palette (#D7E7CB, #00A44B, #00624E, #00211F, #000102)
• Spruce Loft color palette (#E1E1D3, #9BA394, #69836F, #243F00, #050400)
• Twilit Aubergine color palette (#E5E7CA, #265700, #430055, #250013, #040001)

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