Glazed Sugar

#ffdccc

Very pale buttery yellow for glaze-like highlights

Save
Share

About Glazed Sugar

On a white layout, Glazed Sugar reads like frosting that's been held under soft light. It's noticeably lighter than and , 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 , 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.

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

On Gray 100 #f5f5f5

Aa
1.18:1Fail

On Gray 900 #18181b

Aa
13.80:1AAA

On Black #000000

Aa
16.36: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 Glazed Sugar

Open the generator with this color pre-loaded.

Start creating