Olive Villa color palette — #F1F5DD · #B5ECD9 · #80BFC4 · #6B7D40 · #222D0E

Olive Leaf takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1F5DD): A whisper-light, dusty green — the color of fresh herbs.
• Mint (#B5ECD9): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#80BFC4): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#6B7D40): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#222D0E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, 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

• Patina Market color palette (#FBF1DA, #DAE9B2, #96C5A5, #8A6633, #312806)
• Antique Bronze Coast color palette (#DBFEF6, #B8E9F3, #7DB8D9, #7B6700, #094347)
• Worn Periwinkle Orchard color palette (#C7FFF7, #71E0F7, #55B1FF, #007452, #002224)
• Worn Petal Bloom color palette (#E8F6E9, #BDE6E4, #EBCDEC, #819373, #273C2F)
• Hushed Powder Lantern color palette (#DBFBE8, #C5E3FF, #A3AEFF, #008888, #013628)
• Pale Fern Terrace color palette (#DEE7CF, #60C1B1, #0094A8, #295008, #00150F)
• Tempered Thicket color palette (#F2DCC7, #AF9466, #855A2C, #5B321C, #211600)
• Dusty Petrol color palette (#CCF4E3, #B0D2FF, #A49BD4, #006D7A, #001B31)

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