Mustard Villa color palette — #D6F0D5 · #F2B30D · #FF9686 · #564F4B · #291D17

Built around Saffron, softened by Melon — the whole palette hums with optimism and balance.

The five colors

• Honeydew (#D6F0D5): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#F2B30D): A luminous, vivid gold — the color of honey in a jar.
• Melon (#FF9686): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#564F4B): quiet, heavy and certain.
• Onyx (#291D17): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Balance. Tagged neon, dark, vibrant, 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

• Weathered Mustard color palette (#F0DBEA, #C5C900, #FF9871, #4C4541, #271F1B)
• Blush Bloom color palette (#E1E3F7, #FFA955, #FF8CBF, #6A413F, #261A19)
• Antique Basin color palette (#F8ECE6, #FAB97C, #D25F52, #754942, #1F130D)
• Faded Lime Boulevard color palette (#D3F7F2, #9BC900, #EA9A00, #603D00, #1B1004)
• Dusty Archive color palette (#FFDADE, #92F89F, #FFCC59, #68635D, #34312C)
• Frosted Marigold color palette (#FFDEBB, #E5B768, #C49C00, #827200, #343500)
• Washed Amber Boulevard color palette (#FAF4EF, #DDDBCB, #C4C5AA, #CF8F5B, #413932)
• Hushed Harbor color palette (#F7EDDB, #CAA938, #00BA9B, #0094A0, #322407)

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