Washed Olive Villa color palette — #ECF4F1 · #ABBA8E · #00877E · #576F00 · #001115

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Sage (#ABBA8E): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#00877E): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#576F00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001115): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Washed 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

• Softworn Olive Canyon color palette (#EEF3EE, #CDAD82, #57833D, #875A00, #00120F)
• Cobalt Thicket color palette (#EBF4F5, #84C2AD, #177FAB, #00765D, #00101D)
• Mustard Courtyard color palette (#F8F5EB, #BAB25D, #007D8C, #6A6100, #17291D)
• Aged Lagoon color palette (#D6F9CA, #89C2A0, #009178, #005352, #00242C)
• Softworn Moss color palette (#F6F5ED, #B8CF87, #00A59C, #718D16, #1C281A)
• Hushed Thicket color palette (#E6F7E9, #75AB82, #007B77, #612D6B, #00292B)
• Pine Summit color palette (#ECF4F3, #CFDADF, #AFC0CE, #568255, #212F2D)
• Pale Sapphire color palette (#E5F5F8, #10C2A7, #1A61DA, #006B5B, #00081D)

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