Zesty Mustard & Saffron color palette

Color codes click any value to copy

Why it works and how to use it

Zesty Mustard & Saffron is a vivid complementary color palette tagged happy, yellow, teal. Mustard and Cyan sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Mustard takes the lead while the rest support. Lightness runs from 45% to 89%. Well suited to websites, presentations and branding.

• Background: Ice (#CBF2F9) is the lightest color, so it belongs on large surfaces.
• Text: Cyan (#22C1CF) on #CBF2F9 gives 1.83:1, so pair it with a darker neutral for body copy.
• Primary: Mustard (#E7AE00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
• Accent: Saffron (#EBCA64) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

Preview on a real UI see how the palette feels in context

Color blindness simulation

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors