Olive Villa color palette — #E4E3C7 · #788700 · #0F600C · #003C20 · #002821

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

The five colors

• Celadon Mist (#E4E3C7): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#788700): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#0F600C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003C20): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#002821): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Bronze Courtyard color palette (#F2DDC3, #9F7A00, #4B4E00, #273500, #00221A)
• Antique Olive color palette (#DDE6D2, #227E04, #005134, #002B24, #001416)
• Antique Emerald Basin color palette (#D2E8CC, #00A95D, #007258, #004946, #0C2D41)
• Muted Drift color palette (#D9F2EF, #21943D, #761581, #004615, #2F0035)
• Weathered Aubergine Orchard color palette (#CEE8D0, #228039, #630071, #6C0A4E, #001704)
• Lilac Archive color palette (#F4E1CD, #B088FF, #008741, #001814, #000606)
• Sunlit Cerulean Drift color palette (#CAF0ED, #5DC1AC, #3295BC, #4D5100, #002B2E)
• Lagoon Corridor color palette (#CFF7EC, #00979E, #006C82, #004464, #292155)

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