Mustard Villa color palette — #F9F5EA · #D9DA99 · #BCC1FF · #AFAE53 · #5E4454

Built around Gold, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Wheat (#D9DA99): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#BCC1FF): A whisper-light, balanced violet — the color of wild irises.
• Gold (#AFAE53): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5E4454): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Marigold Courtyard color palette (#FBF4EB, #F0D099, #8AD0FF, #CAA158, #35554A)
• Honey Terrace color palette (#FCF5DE, #CECC7A, #B2B6FD, #CA94BC, #44423B)
• Jade Coast color palette (#F3F7EA, #A9E6BA, #EFAFDF, #75BB8B, #654245)
• Straw Harbor color palette (#FAF5E8, #F2E999, #FBB6C4, #A29C68, #5E3C35)
• Fern Basin color palette (#FBF5E4, #BCE4D5, #CCC7D0, #D1B292, #5C5400)
• Sunlit Balcony color palette (#E9FAF1, #C9C890, #36C6D6, #949137, #295362)
• Timeworn Balcony color palette (#FAF7DA, #BDE9C4, #AAC374, #849156, #36352E)
• Ancient Fern color palette (#FAF5E8, #DFDBB6, #BEB886, #A38E74, #464D00)

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