Muscat Blanc

#ebe2cf

A warmer, softer gray-beige than Helium

Save
Share

About Muscat Blanc

I keep catching Muscat Blanc in product screenshots where the background looks clean but not clinical, like a light linen wall under afternoon sun. It's a gray family color with a noticeable beige lean, so it reads warmer than pure white without turning earthy. Compared to , it has actual body, not that near-invisible slip. Compared to , it's softer and less neutral, with more glow and less "handled paper" crispness. And versus , it's less dusty and more creamy, so it feels brighter and less muffled.

I use Muscat Blanc when a UI needs to feel friendly and polished for long sessions. Think dashboards for ecommerce and logistics, onboarding screens, and editorial sidebars where you want photography to pop but the interface still feels grounded. It's the one you reach for when you want calm contrast that doesn't fight slightly warm content like product surfaces and lifestyle imagery. Pair it with charcoal or deep slate, then reserve one warm accent for CTAs.

Quick note: keep it away from very pale grays that are too cool, or the beige undertone starts doing the job of contrast for you and everything can look a bit washed.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.29:1Fail

On Gray 100 #f5f5f5

Aa
1.18:1Fail

On Gray 900 #18181b

Aa
13.76:1AAA

On Black #000000

Aa
16.31:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#e9e3cb
#eadfce
#eae0c8
#ebdecc

Create a gradient with Muscat Blanc

Open the generator with this color pre-loaded.

Start creating