Misty Villa color palette — #F3F3E4 · #5A8538 · #2A509A · #700C00 · #273000

A conversation between Oxblood and Indigo, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Olive Leaf (#5A8538): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#2A509A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Oxblood (#700C00): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#273000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

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

• Dusty Nightshade color palette (#EDF5E2, #318967, #55419B, #592E00, #003523)
• Pale Garnet Courtyard color palette (#F7F2E2, #827A03, #005C7D, #6E0037, #3A2700)
• Tempered Garnet color palette (#F3F7EC, #5E9774, #4B5F9D, #7C261F, #0C441B)
• Airy Garnet Station color palette (#EEF5E7, #008C6A, #693A8B, #69034D, #402400)
• Tempered Garden color palette (#FCF4EB, #A79B6E, #5B6A30, #135843, #38352E)
• Powdered Harbor color palette (#E9EFDD, #00693C, #00278D, #410300, #001709)
• Tempered Chestnut Boulevard color palette (#DFEDC3, #8BA48D, #4A7E71, #7C4715, #593900)
• Aged Aubergine Workshop color palette (#DDEED9, #008076, #7D007F, #353500, #002D06)

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