Sunny Mustard & Caramel color palette

Color codes click any value to copy

Why it works and how to use it

Sunny Mustard & Caramel is a vivid monochromatic color palette tagged gradient, warm, earthy. All four colors sit within 4° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 4 chromatic colors, Caramel takes the lead while the rest support. Lightness runs from 21% to 65%. Well suited to wellness, organic and outdoor brands.

• Background: Tan (#CFBE7A) is the lightest color, so it belongs on large surfaces.
• Text: Sepia (#6D5000) on #CFBE7A gives 4.04:1, enough for large headings only.
• Primary: Caramel (#C99A00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
• Accent: Mustard (#E5B800) 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