Mustard Villa color palette — #FFF0FD · #FFCFD1 · #DFAF5D · #535A9D · #2B0117

A conversation between Gold and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#FFCFD1): A whisper-light, dusty red — the color of a theater curtain.
• Gold (#DFAF5D): A luminous, balanced gold — the color of honey in a jar.
• Slate (#535A9D): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#2B0117): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Muted Cobalt Basin color palette (#F5F4FF, #FFC8ED, #FFA182, #3770BB, #240428)
• Muted Mulberry Pier color palette (#FFF1F5, #FFD3BE, #B5C077, #8A4D90, #270305)
• Wandering Canyon color palette (#FFEDF7, #FFAE9A, #B69B00, #613E92, #1C0002)
• Nightshade Coast color palette (#F3DADD, #F08EA4, #AE7D00, #4A3D9B, #3F1D1E)
• Worn Wisteria color palette (#FAD7D8, #F9B9A3, #FA956E, #B26DCE, #3C0920)
• Aubergine Thicket color palette (#F1E5FE, #EB869E, #C76545, #652073, #220211)
• Muted Garnet Cabin color palette (#F4E3E0, #D9A468, #73944C, #6D1C58, #030000)
• Powdered Workshop color palette (#FFF1F4, #E3DBD1, #D2DF79, #A869C3, #551D14)

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