Launching soon on Product Hunt! - Get Notified


A vibrant blend of royal purple, torch red, and yellow orange, reminiscent of a fiery sunset.

๐ŸŽจ Instagram's colors are vibrant and youthful, and evoke its energetic and creative community.

๐Ÿ’ก Instagram was founded by Kevin Systrom and Mike Krieger in 2010. The service gained popularity with its unique photo filters, and was acquired by Facebook in 2012 for $1 billion in cash and stock.

CSS Linear Gradient Code

/* Instagram CSS Linear Gradient Background */
.gradient {
  background: #833ab4;
  background: linear-gradient(
    to right,

TailwindCSS Logo TailwindCSS Linear Gradient

/* Instagram TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#833ab4] via-[#fd1d1d] to-[#fcb045]"></div>

Instagram - UI Design Examples

You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.

Tweet Background Generator

Ilias Ism
Ilias Ism
I love this Instagram color palette gradient background ๐Ÿ‘
July 21, 2024 at 6:25 AM

CSS Linear Gradient Button

Why Instagram?

Linear Gradient Border


CSS Font Gradient

The Best Instagram Tailwind CSS Landing Pages

Shade of Instagram

We hope you enjoyed Instagram. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names