Colors Encyclopedia

Brand colors

Discord Brand Colors

Discord palette: #5865F2, #23272A, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Discord.

Social MediaBrand indexAPIDataset
Commonly referenced palette Discord
#5865F2#23272A#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#5865F2RGB 88, 101, 242
Palette color 2#23272ARGB 35, 39, 42
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-discord-1: #5865F2;
  --brand-discord-2: #23272A;
  --brand-discord-3: #FFFFFF;
}

Accessibility Snapshot

#5865F2Black 4.56:1 / White 4.61:1
#23272ABlack 1.4:1 / White 15.04:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Discord Brand Colors

Discord’s official brand center names its signature blue-violet Blurple and publishes #5865F2 alongside Light Blurple and black. The company’s 2021 identity update made the core color brighter as part of a broader effort to retain the platform’s playful character while making the brand feel more welcoming beyond its early gaming audience.

The palette works because Blurple provides recognition while pale and black surfaces establish clear contrast. Discord permits color, black, and white logo treatments in specified contexts, but explicitly says not to recolor, distort, or reconfigure the mark. A palette sample is therefore useful for technical reference, not permission to imitate the product’s wider look and feel.

This independent reference does not distribute Discord assets, imply endorsement, or replace Discord’s current brand and trademark requirements.

Downloadable brand colors infographic

Discord Brand Colors Infographic

Save an independent infographic of the commonly referenced Discord HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Discord brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Discord brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Discord.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.1779
Black text4.56:1AA Pass
White text4.61:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "discord",
  "name": "Discord",
  "category": "social-media",
  "brandCategory": [
    "Social Media",
    "social-media"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/discord/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Discord."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#5865F2",
    "rgb": [
      88,
      101,
      242
    ],
    "hsl": [
      235,
      86,
      65
    ],
    "cmyk": [
      64,
      58,
      0,
      5
    ],
    "luminance": 0.1779,
    "contrast": {
      "black": 4.56,
      "white": 4.61
    },
    "wcag": {
      "AA": [
        "#000000",
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#23272A",
    "rgb": [
      35,
      39,
      42
    ],
    "hsl": [
      206,
      9,
      15
    ],
    "cmyk": [
      17,
      7,
      0,
      84
    ],
    "luminance": 0.0198,
    "contrast": {
      "black": 1.4,
      "white": 15.04
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "dark brand color",
    "light brand color",
    "Discord color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#FFFFFF",
    "#F5F5F5",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/discord.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-discord-1: #5865F2;\n--brand-discord-2: #23272A;\n--brand-discord-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#5865F2",
    "contrast": {
      "black": 4.56,
      "white": 4.61
    },
    "wcag": {
      "AA": [
        "#000000",
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#23272A",
    "contrast": {
      "black": 1.4,
      "white": 15.04
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "discord",
  "name": "Discord",
  "category": "social-media",
  "brandCategory": [
    "Social Media",
    "social-media"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Discord.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/discord/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/discord.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#5865F2",
      "rgb": [
        88,
        101,
        242
      ],
      "hsl": [
        235,
        86,
        65
      ],
      "cmyk": [
        64,
        58,
        0,
        5
      ],
      "luminance": 0.1779,
      "contrast": {
        "black": 4.56,
        "white": 4.61
      },
      "wcag": {
        "AA": [
          "#000000",
          "#FFFFFF"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#23272A",
      "rgb": [
        35,
        39,
        42
      ],
      "hsl": [
        206,
        9,
        15
      ],
      "cmyk": [
        17,
        7,
        0,
        84
      ],
      "luminance": 0.0198,
      "contrast": {
        "black": 1.4,
        "white": 15.04
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "dark brand color",
    "light brand color",
    "Discord color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#FFFFFF",
    "#F5F5F5",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/discord.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Social Media brand colorsBrowse all social media brand color references.Behance brand colorsCompare another social media palette.Dribbble brand colorsCompare another social media palette.Facebook brand colorsCompare another social media palette.Instagram brand colorsCompare another social media palette.Mastodon similar paletteOpen a palette with a nearby first-listed color value.Stripe similar paletteOpen a palette with a nearby first-listed color value.Viber similar paletteOpen a palette with a nearby first-listed color value.Royal Blue colorOpen the nearest named color reference.Discord APIOpen the machine-readable brand color JSON.