Brown Gradients
Explore thousands of gradient combinations or generate a custom gradient with the Gradient Generator.
Brown gradients are low saturation orange, with hue 15 to 45 degrees, saturation 15 to 35 percent, and lightness 20 to 40 percent. The set leans coffee, umber, rust, taupe, and warm beige.
Vivid Crimson
Intense Garnet
Eclipse Flame
Dense Rose
Charcoal Wine
Balanced Poppy
Obsidian Blush
Vibrant Ember
Smooth Rose
Calm Garnet
Serene Berry
Quiet Rose
Pure Ruby
Lush Ember
Cool Ruby
Vivid Wine
Cool Flame
Pure Amber
Steady Copper
Vivid Cider
Rich Papaya
Vivid Amber
Calm Apricot
Radiant Amber
Warm Honey
Quiet Papaya
Vibrant Ginger
Rich Nectar
Vibrant Terra
Charcoal Nectar
Charcoal Ginger
Intense Cider
Classic Papaya
Pure Tangerine
Classic Peach
Pure Honey
Pure Marigold
Abyssal Sienna
Eclipse Peach
Inky Sunset
Balanced Apricot
Murky Marigold
Pure Sunset
Warm Sienna
Clean Peach
Lush Sunset
Smooth Sunset
Rich Ginger
Bold Tangerine
Calm Peach
Mellow Apricot
Warm Spice
Vivid Apricot
Radiant Peach
Pure Apricot
Serene Sienna
Mellow Sunset
Bold Cider
Vivid Sunset
Serene Nectar
Where Brown Gradients Work
Brown gradients work for packaging mockups, editorial headers, coffee or craft brands, vintage posters, and warm portfolio backgrounds. Contrast is usually good with cream type on dark umber, but weak on tan midpoints. If a stop sits near #a16207 or lighter, test cream body text carefully. Dark espresso text often works better on pale beige ends. Need a different angle or an extra stop? Adjust any of these in the Gradient Generator.
Frequently Asked Questions
Why is brown treated as orange in HSL?
Brown is orange with lower saturation and lightness. This catalog keeps orange hue values while limiting saturation and lightness.
What colors make a good brown gradient?
Use umber, rust, tan, cream, muted orange, and near black. Keep saturation changes gradual so the blend stays smooth.