Olive Villa color palette — #F4E3D3 · #B9A66A · #778900 · #007654 · #221A00

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

The five colors

• Parchment (#F4E3D3): A whisper-light, dusty gold — the color of old brass.
• Camel (#B9A66A): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#778900): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#007654): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, 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

• Pale Olive Atelier color palette (#ECE0CE, #969F55, #328521, #00635D, #0F1100)
• Hazy Emerald Cabin color palette (#F8EFDE, #9EB075, #2B9648, #786100, #161E00)
• Patina Fern Meadow color palette (#D4E5DB, #98974C, #5B6800, #265200, #1D1C00)
• Patina Lagoon color palette (#E4E0D1, #86B67C, #02956E, #007081, #042200)
• Pale Moss Dune color palette (#EFE2D5, #C8BA7E, #829D37, #6272A7, #312800)
• Linen Jade color palette (#F5EAD4, #B3CB89, #28B35C, #008C8F, #263400)
• Antique Bronze Villa color palette (#FAE4EC, #8F7600, #3D4A00, #003224, #0B0700)
• Feathered Azure Study color palette (#D4F1E7, #31ACF3, #957F00, #A95400, #001322)

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