Cane Sugar
#e3b982
Dusty honey yellow for warm, neutral balance
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 Baba Ganoush, which means it has real weight, but it keeps the restraint. Unlike Baltic Amber's grounded earthiness or Apricot'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.
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.