Cane Sugar

#e3b982

Dusty honey yellow for warm, neutral balance

Save
Share

About Cane Sugar

Cane Sugar reads like the color of actual sugar, that pale, crystalline warmth you see in raw cane or turbinado before it hits the heat. It's darker and more saturated than , which means it has real weight, but it keeps the restraint. Unlike Baltic Amber's grounded earthiness or 's fruit-forward punch, this one sits in that narrower lane where the color feels like a *material* first and a mood second.

You'll reach for this in product packaging, beauty apps, and e-commerce where imagery needs breathing room but the interface can't disappear. It works in hospitality dashboards, food platforms, and onboarding flows where you need warmth that feels intentional without being precious. It's got presence without aggression, the kind of color that works harder than it looks because it doesn't fight the content around it.

Test it against warm neutrals and dusty tones first; pair it with anything too bright or too dark and it starts to feel thinner than it actually is. On screen it's more forgiving than the paler buffs but less bulletproof than the deeper ambers.

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

On Gray 100 #f5f5f5

Aa
1.67:1Fail

On Gray 900 #18181b

Aa
9.73:1AAA

On Black #000000

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

#e1b67c
#dcb68a
#d7bb80
#e0bb95
#ddc283

Create a gradient with Cane Sugar

Open the generator with this color pre-loaded.

Start creating