Instagram's purple-red-orange gradient represents the sunset — the golden hour that photographers chase. The gradient also nods to the diversity of content on the platform. The blue CTA buttons draw from parent company Meta's palette.
Brand Palette — Click to copy
Export Instagram Colors
About Instagram's Color Palette
Instagram's brand identity relies on a carefully chosen palette of 5 colors that communicate the company's values and market position within the social media industry. Founded in 2010, Instagram has refined its visual identity over the years to become one of the most recognized brands in its category.
The primary color, Gradient Start (#833AB4), serves as the foundation of Instagram's visual system and is used across the brand's logo, marketing materials, and digital products. Supporting colors like Gradient Mid (#FD1D1D) provide contrast and visual hierarchy across different applications. Each color in the palette has a specific functional role — from primary brand identification to secondary surfaces, accent highlights, and background elements.
Designers and developers can use these exact color codes to maintain brand consistency across web, mobile, and print projects. All colors on this page are available for export as CSS custom properties, Tailwind CSS config, SCSS variables, and JSON — ready to integrate into any design system or codebase.
Color Breakdown
Gradient Start — #833AB4
Used as primary. RGB: 131, 58, 180.
Gradient Mid — #FD1D1D
Used as primary. RGB: 253, 29, 29.
Gradient End — #FCAF45
Used as primary. RGB: 252, 175, 69.
Dark — #262626
Used as text. RGB: 38, 38, 38.
Blue — #0095F6
Used as link/cta. RGB: 0, 149, 246.
Frequently Asked Questions
What are Instagram's official brand colors?
Instagram's official palette consists of 5 colors: Gradient Start (#833AB4), Gradient Mid (#FD1D1D), Gradient End (#FCAF45), Dark (#262626), Blue (#0095F6). These colors are used across Instagram's logo, website, marketing materials, and product interfaces to maintain a consistent brand identity.
What is the hex code for Instagram's primary color?
Instagram's primary brand color is Gradient Start with the hex code #833AB4. This color is used as the primary identifier for the brand and appears prominently in the logo and key marketing materials.
Can I use Instagram's colors in my project?
The color values (hex codes, RGB, HSL) listed on this page are factual information and can be referenced freely. However, using colors in combination with Instagram's logo, name, or other trademarked elements may require permission. Always check the brand's official guidelines for commercial usage.
How do I export Instagram's colors for my code?
Use the export buttons above to copy Instagram's colors as CSS custom properties, Tailwind CSS config objects, SCSS variables, or JSON. Each format is ready to paste directly into your codebase or design system configuration file.