Instagram Color Palette

Select any value to copy it.

• Sunset Yellow

  Primary

  #F58529rgb(245, 133, 41)hsl(27, 91%, 56%)

  Closest in ArchiveTangerine Tone Pure
  Closest in Archive: Tangerine Tone Pure

• Sunset Pink

  Primary

  #DD2A7Brgb(221, 42, 123)hsl(333, 72%, 52%)

  Closest in ArchiveBlush Core Bright
  Closest in Archive: Blush Core Bright

• Sunset Purple

  Primary

  #8134AFrgb(129, 52, 175)hsl(278, 54%, 45%)

  Closest in ArchiveMulberry Velvet Clear
  Closest in Archive: Mulberry Velvet Clear

• Sunset Indigo

  Primary

  #515BD4rgb(81, 91, 212)hsl(235, 60%, 57%)

  Closest in ArchiveIndigo Radiant Clear
  Closest in Archive: Indigo Radiant Clear

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• Sunset YellowAaon white2.54:1Not for textSunset Yellow: Open in contrast checkerAaon black8.27:1AASunset Yellow: Open in contrast checker
• Sunset PinkAaon white4.48:1Large text onlySunset Pink: Open in contrast checkerAaon black4.69:1AASunset Pink: Open in contrast checker
• Sunset PurpleAaon white6.90:1AASunset Purple: Open in contrast checkerAaon black3.04:1Large text onlySunset Purple: Open in contrast checker
• Sunset IndigoAaon white5.53:1AASunset Indigo: Open in contrast checkerAaon black3.80:1Large text onlySunset Indigo: Open in contrast checker

About this palette

Instagram's 2016 redesign replaced its skeuomorphic camera with a continuous gradient logo. The four named gradient stops below define the brand's expression on every surface: a sunset compressed into a single icon, optimized for the mobile feed.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --instagram-sunset-yellow: #f58529;
  --instagram-sunset-pink: #dd2a7b;
  --instagram-sunset-purple: #8134af;
  --instagram-sunset-indigo: #515bd4;
}

@theme {
  --color-instagram-sunset-yellow: #f58529;
  --color-instagram-sunset-pink: #dd2a7b;
  --color-instagram-sunset-purple: #8134af;
  --color-instagram-sunset-indigo: #515bd4;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "instagram-sunset-yellow": "#f58529",
        "instagram-sunset-pink": "#dd2a7b",
        "instagram-sunset-purple": "#8134af",
        "instagram-sunset-indigo": "#515bd4",
      },
    },
  },
};

Source: https://about.meta.com/brand/resources/instagram/instagram-brand/ · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Instagram name and any associated marks belong to their owner. Request removal via support.

More from Social Platforms