#FAFAF8Snow
#D9D9D4Fog
#E3B505Mustard
#1E1E1CRaisin

Mono Mustard color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Mono Mustard is a neutral-based color palette tagged modern, minimal, white. Mustard is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Snow#FAFAF8rgb(250, 250, 248)hsl(60, 17%, 98%)oklch(98.5% 0.003 106)
Fog#D9D9D4rgb(217, 217, 212)hsl(60, 6%, 84%)oklch(88.4% 0.007 107)
Mustard#E3B505rgb(227, 181, 5)hsl(48, 96%, 45%)oklch(79.2% 0.161 90)
Raisin#1E1E1Crgb(30, 30, 28)hsl(60, 3%, 11%)oklch(23.4% 0.004 107)

Why it works and how to use it

The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (98% down to 11% lightness). A natural fit for websites, presentations and branding.

  • Background: Snow (#FAFAF8) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#1E1E1C) on #FAFAF8 gives 15.98:1, passing WCAG AAA.
  • Primary: Mustard (#E3B505) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Fog (#D9D9D4) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Raisin at 15.98:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Mono Mustard

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#FAFAF8
#D9D9D4
#E3B505
#1E1E1C

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FAFAF8 on #1E1E1CAa15.98:1AAA
#D9D9D4 on #1E1E1CAa11.79:1AAA
#E3B505 on #1E1E1CAa8.65:1AAA
#FAFAF8 on #E3B505Aa1.85:1Fail
#FAFAF8 on #D9D9D4Aa1.36:1Fail
#D9D9D4 on #E3B505Aa1.36:1Fail

Similar palettes 24 more in this mood