Quiet Villa color palette — #ECF1FF · #B79ACB · #A2618C · #98112A · #5E3200

Garnet takes the lead with Mocha close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#ECF1FF): bright and airy, almost weightless.
• Mauve (#B79ACB): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A2618C): A full-bodied, balanced pink — the color of a candy shop window.
• Garnet (#98112A): A full-bodied, vivid red — the color of late-summer berries.
• Cocoa (#5E3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Rust Garden color palette (#F3ECFF, #D19BBF, #B05861, #7B3E00, #4B3800)
• Raspberry Grove color palette (#F3E0FF, #DC9BD3, #B65284, #832137, #450103)
• Hushed Mulberry color palette (#ECF7FF, #9EABDC, #8861AB, #891756, #750A1A)
• Peony Thicket color palette (#FFEFF3, #E8ADDE, #CE6E9F, #A34159, #6B1B10)
• Mulberry Thicket color palette (#ECEAFF, #CE69C6, #AC0046, #642000, #392700)
• Mulberry Workshop color palette (#F5F8E0, #8793CE, #954F71, #005960, #50333F)
• Misty Lagoon color palette (#FFE6F9, #C66F75, #8F4000, #413000, #1F2500)
• Petrol Courtyard color palette (#FFEFFF, #C7A8B6, #9C7A73, #376A7B, #5E465F)

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