Discord Color Palette

Select any value to copy it.

• Blurple

  Primary

  #5865F2rgb(88, 101, 242)hsl(235, 86%, 65%)

  Closest in ArchiveIris Silk Pure
  Closest in Archive: Iris Silk Pure

• Online Green

  Accent

  #57F287rgb(87, 242, 135)hsl(139, 86%, 65%)

  Closest in ArchiveSeafoam Tone Bright
  Closest in Archive: Seafoam Tone Bright

• Idle Yellow

  Accent

  #FEE75Crgb(254, 231, 92)hsl(51, 99%, 68%)

  Closest in ArchiveAmber Silk Pure
  Closest in Archive: Amber Silk Pure

• DND Red

  Accent

  #ED4245rgb(237, 66, 69)hsl(359, 83%, 59%)

  Closest in ArchiveCrimson Tone Bright
  Closest in Archive: Crimson Tone Bright

• Fuchsia

  Accent

  #EB459Ergb(235, 69, 158)hsl(328, 81%, 60%)

  Closest in ArchiveBlush Tone Bright
  Closest in Archive: Blush Tone Bright

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.

• BlurpleAaon white4.61:1AABlurple: Open in contrast checkerAaon black4.56:1AABlurple: Open in contrast checker
• Online GreenAaon white1.45:1Not for textOnline Green: Open in contrast checkerAaon black14.46:1AAOnline Green: Open in contrast checker
• Idle YellowAaon white1.25:1Not for textIdle Yellow: Open in contrast checkerAaon black16.80:1AAIdle Yellow: Open in contrast checker
• DND RedAaon white3.84:1Large text onlyDND Red: Open in contrast checkerAaon black5.47:1AADND Red: Open in contrast checker
• FuchsiaAaon white3.57:1Large text onlyFuchsia: Open in contrast checkerAaon black5.88:1AAFuchsia: Open in contrast checker

About this palette

Discord's #5865F2 (called 'Blurple' internally) is a deliberately neutral hue between blue and purple — friendly enough for casual chat, technical enough for gamers and developers. The supporting status colors (online green, idle yellow, do-not-disturb red) follow a familiar traffic-light logic.

Copy as code

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

:root {
  --discord-blurple: #5865f2;
  --discord-online-green: #57f287;
  --discord-idle-yellow: #fee75c;
  --discord-dnd-red: #ed4245;
  --discord-fuchsia: #eb459e;
}

@theme {
  --color-discord-blurple: #5865f2;
  --color-discord-online-green: #57f287;
  --color-discord-idle-yellow: #fee75c;
  --color-discord-dnd-red: #ed4245;
  --color-discord-fuchsia: #eb459e;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "discord-blurple": "#5865f2",
        "discord-online-green": "#57f287",
        "discord-idle-yellow": "#fee75c",
        "discord-dnd-red": "#ed4245",
        "discord-fuchsia": "#eb459e",
      },
    },
  },
};

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

More from Social Platforms