Mustard Villa color palette — #FFF2F0 · #EBD7C4 · #E9B600 · #7C64B2 · #5B3A2F

Built around Saffron, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#EBD7C4): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#E9B600): A luminous, vivid gold — the color of honey in a jar.
• Slate (#7C64B2): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5B3A2F): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Balance. Tagged pastel, light.

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

• Aged Alley color palette (#FFF2EE, #FCCEB3, #ABC26F, #865482, #48403D)
• Antique Apricot Alley color palette (#FFF1F7, #FFCFEE, #FBAA71, #507ABC, #633D43)
• Muted Honey Quarry color palette (#FFF1F3, #E8D7C8, #FFB670, #B3759A, #66393B)
• Dusty Ridge color palette (#FBECFF, #FFCFCA, #F5AA65, #905479, #3E1818)
• Ancient Moss color palette (#FFE4E0, #FFBFA4, #AEAA00, #6E4185, #472519)
• Muted Chestnut Terrace color palette (#FFF2EB, #E0E7BA, #AACD90, #9F708C, #764508)
• Muted Mulberry color palette (#FFF2E9, #EAC23F, #00C48A, #A52144, #483500)
• Weathered Study color palette (#FFF1F4, #E1E8A1, #E8D7C9, #D28DD9, #5D332F)

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