Glazed Sugar
#ffdccc
Very pale buttery yellow for glaze-like highlights
About Glazed Sugar
On a white layout, Glazed Sugar reads like frosting that's been held under soft light. It's noticeably lighter than Burrito and Blossom, and it doesn't drift into their cream-or-clay territories. The undertone stays true yellow, not coral and not peach-brown, so it feels sweet without going earthy.
I use it in beauty and wellness UI where you want warmth that still feels clean, like onboarding screens, product carousels, and payment-style confirmation pages that need to look friendly but not sleepy. It's also great for packaging photography backdrops and pastel labeling where skin-tone sensitivity matters, because it keeps its brightness instead of turning beige. Compared to Coral Kiss, it's less saturated and more airy, so the warmth stays subtle rather than "pulse-like."
One heads-up: against very warm browns it can flatten. Pair it with cool charcoals or crisp off-whites so the softness stays intentional, not washed out.
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.