Indigo Gradients
Explore thousands of gradient combinations or generate a custom gradient with the Gradient Generator.
Indigo gradients sit in the 230 to 270 degree range, between blue and violet. The set pairs indigo with royal blue, purple, lavender, and selected warm stops.
Serene Ember
Warm Crimson
Smooth Garnet
Natural Ember
Vibrant Blush
Crisp Ruby
Lush Berry
Lush Scarlet
Pure Scarlet
Rich Cardinal
Gentle Flame
Mellow Ruby
Serene Garnet
Quiet Cider
Airy Tangerine
Mellow Ginger
Clean Amber
Tender Amber
Vivid Ginger
Crisp Spice
Cool Nectar
Misty Papaya
Quiet Tangerine
Mellow Honey
Classic Apricot
Cool Peach
Bold Amber
Crisp Peach
Steady Apricot
Steady Terra
Radiant Papaya
Subtle Daffodil
Rich Daffodil
Mellow Sunbeam
Vivid Wheat
Gentle Citrus
Vivid Primrose
Bold Lemon
Quiet Wheat
Vivid Flax
Classic Gold
Misty Corn
Smooth Canary
Bold Canary
Balanced Pine
Natural Olive
Crisp Willow
Vivid Olive
Lush Moss
Crisp Fern
Subtle Moss
Vibrant Olive
Ethereal Emerald
Bold Willow
Crisp Shoal
Classic Stream
Clean Pool
Mellow Stream
Clean Tide
Clean Stream
Where Indigo Gradients Work
Indigo gradients fit developer tools, conference visuals, premium app screens, editorial posters, and dark mode hero areas. They can support white text well when the stops stay near navy or deep violet. Mid lavender is the risk zone, since white body copy can fall below 4.5:1. Use heavier type or move copy onto the darker stop. Need a different angle or an extra stop? Adjust any of these in the Gradient Generator.
Frequently Asked Questions
How is indigo different from blue here?
Indigo starts farther into violet, from 230 to 270 degrees. It pairs more with purple and lavender than sky or cyan.
What is a good indigo hero angle?
Use 135deg when the dark indigo stop should sit behind the headline. Use 180deg for a vertical fade into a darker footer.