Misty Villa color palette — #FFF1F2 · #FDB88F · #B68D11 · #4C5C00 · #002917

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Cantaloupe (#FDB88F): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#B68D11): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4C5C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002917): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Ancient Grove color palette (#FFF2ED, #EBC57D, #8E9500, #00693C, #002524)
• Muted Amber color palette (#FFDECE, #B88200, #485800, #002813, #000201)
• Pale Marigold color palette (#FFE5D6, #EAB569, #BA9B00, #747900, #223800)
• Amber Drift color palette (#FFDAD8, #DD7819, #826200, #324F00, #003D2A)
• Hazy Ember Cabin color palette (#FCF0FF, #F7AEC0, #D5674B, #714400, #1F2000)
• Aged Amber color palette (#FBECE3, #D09232, #816800, #3D3F00, #0F1B00)
• Olive Veranda color palette (#FFF3E6, #F29E87, #818500, #4A4490, #331B00)
• Velvet Olive Villa color palette (#E9DDC9, #727B00, #00511D, #000F0C, #000102)

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