Mustard Villa color palette — #E7FBED · #E9B034 · #7D6700 · #473900 · #0D1F14

Saffron and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBED): A whisper-light, dusty teal — the color of shallow lagoons.
• Saffron (#E9B034): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7D6700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0D1F14): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

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

• Antique Mustard Station color palette (#FFF1F6, #DAB73A, #9C5300, #5A2D00, #28121D)
• Straw Parlor color palette (#FFF4DE, #FFD26F, #806800, #392D00, #0C0600)
• Muted Harbor color palette (#E8FAF7, #E9BA88, #4C804B, #1D4B47, #182523)
• Honey Garden color palette (#FFF4DD, #FDC45E, #A78C03, #6A5B20, #241900)
• Marigold Pier color palette (#CEE4D9, #CF9A38, #5C5800, #2D2A00, #010F08)
• Feathered Mustard color palette (#EDF8F1, #DEB621, #0098A1, #907400, #01212A)
• Apricot Pier color palette (#CAECEF, #F58D00, #006B52, #003729, #001315)
• Bronze Cabin color palette (#C5E7E6, #BC6E00, #004423, #001507, #000202)

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