Satin Cream White

#fdf3d5

Softer, cooler cream off-white for airy dashboards

Save
Share

About Satin Cream White

On my monitor, Satin Cream White reads like a soft interior wall in early morning light, not a bright paper flash. It's warmer than pure white, but the warmth is cleaner and more controlled than 's deeper yellow shift. Compared to , it feels less sunlit and more "kept" in tone. And versus , it comes across a touch lighter and less beige, so it stays airy instead of getting knit-wool grounded.

I use it as a calm backdrop when typography needs room to breathe without losing approachability. It works in e-commerce product pages and subscription checkout flows, where you want product photography to stay central but still feel human. I've also had good results in dashboards and finance apps that need a warmer neutral for panels, empty states, and sidebars, especially when the design uses mid-gray UI text and doesn't want the background to fight.

One quirk: it can look a little more creamy (less neutral) next to very cool grays, so I usually pair it with slightly warm or neutral grays to keep the contrast from feeling harsher than intended.

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.11:1Fail

On Gray 100 #f5f5f5

Aa
1.02:1Fail

On Gray 900 #18181b

Aa
15.99:1AAA

On Black #000000

Aa
18.96: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

Create a gradient with Satin Cream White

Open the generator with this color pre-loaded.

Start creating