Olive Villa color palette — #D3FCF2 · #5B8D00 · #00788B · #004E7A · #001914

A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D3FCF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#5B8D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004E7A): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#001914): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Chalky Veranda color palette (#DCF9F1, #6D9200, #006B5A, #003F54, #221500)
• Nightshade Grove color palette (#D5FBF8, #009450, #0074A0, #2B33AD, #001A09)
• Emerald Ridge color palette (#D6FBF6, #039024, #006179, #08318D, #170525)
• Washed Pine Parlor color palette (#FFECF3, #B46500, #1D810E, #00564B, #240916)
• Fern Veranda color palette (#D1EEE8, #2A6100, #004C5C, #002651, #010300)
• Hushed Cobalt color palette (#E5F5FA, #32A8A7, #717DC0, #6A5280, #15262A)
• Amber Station color palette (#FFF3E8, #C17122, #00589B, #3A367D, #422204)
• Powdered Scarlet color palette (#FFEBFA, #E12800, #677300, #641D90, #2B0401)

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