Brown Sugar Glaze

#cf7a4b

Deeper caramel-brown glaze for grounded yellow balance

Save
Share

About Brown Sugar Glaze

Brown Sugar Glaze hits different than the rest of this family, it's darker, less yellow, and way more saturated. Where Copperhead leans muted and leans soft, this one has actual depth. It's the orange-brown that doesn't apologize, the kind of color that reads as cooked, not just warm.

Reach for it in food and beverage interfaces, e-commerce for home goods, and anywhere you're selling something handmade that needs gravitas. Button states, card backgrounds, category headers in cooking apps, artisan marketplace cards, it holds weight without feeling corporate or dated. The saturation keeps it from flattening, and the darker value means it works on both light and medium backgrounds without the contrast anxiety you get with 24 .

Pair it with charcoal or deep neutrals and it settles like it belongs there. Against cream or pale gray it can read a touch heavy, so test it first if you're using it as a large container. It's less about restraint than it is about knowing exactly what temperature you want, warmer than clay, darker than caramel, more committed than bronze.

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
3.21:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.95:1Fail

On Gray 900 #18181b

Aa
5.52:1AAAAA Large

On Black #000000

Aa
6.54:1AAAAA Large

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

#cc7744
#c17c54
#cd853f

Create a gradient with Brown Sugar Glaze

Open the generator with this color pre-loaded.

Start creating