Satin Cream White
#fdf3d5
Softer, cooler cream off-white for airy dashboards
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 Hazelwood's deeper yellow shift. Compared to Hot Beach, it feels less sunlit and more "kept" in tone. And versus Natural Wool, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
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