{
  "id": "discord",
  "version": "1.0.0",
  "name": "Discord",
  "description": "Discord is the voice-, video-, and text-chat platform for communities — originally built around gaming, now spanning every kind of social server from study groups to creative collectives. The brand voice is playful, irreverent, and warm — \"your place to talk.\" Visually, Discord is anchored on Blurple (#5865F2), the saturated indigo-purple introduced with the 2021 brand refresh (an evolved, more accessible hue replacing the original 2015 #7289DA Blurple). Discord is dark-first by canonical identity: the desktop and mobile client renders Blurple and a set of authored neutrals on a deep gray-blue canvas where motion, emoji, and voice-state color carry the brand voice.\n",
  "provenance": {
    "source": "https://discord.com/branding",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Discord and the Discord logo are registered trademarks of Discord, Inc. The Blurple value (#5865F2) introduced with the 2021 brand refresh is documented at discord.com/branding and independently verified via the simple-icons brand database, which cites discord.com as the source. The supporting palette (Old Blurple, Greyple, Dark-but-not-Black, Not-Quite-Black) is documented in the same brand page. Whitney is Discord's licensed corporate typeface (designed by Tobias Frere-Jones for Hoefler&Co. / Monotype) and is referenced here with a public-web fallback to Inter when the licensed file is unavailable.\n",
    "importedDate": "2026-05-18",
    "notes": "Discord's canonical brand surface is dark-first: the Discord client, the discord.com marketing site, and the Wumpus / mark art all live on a near-black canvas with Blurple used as the primary identity accent. The light-mode role mapping is an authored inversion supporting the user-selectable light theme. Old Blurple (#7289DA) is retained as a deprecated reference in the palette atom for pre-2021 applications.\n"
  },
  "tags": [
    "social",
    "gaming",
    "discord",
    "blurple",
    "dark-first",
    "voice"
  ],
  "palette": {
    "ref": "discord@1.0.0",
    "swatches": [
      {
        "id": "discord-blurple",
        "name": "Discord Blurple",
        "value": "#5865F2",
        "description": "Signature indigo-purple — the primary brand color introduced with the 2021 brand refresh. The Discord wordmark, the Wumpus mark, primary buttons, and the mention-highlight all read in Blurple.\n",
        "aliases": []
      },
      {
        "id": "discord-blurple-dark",
        "name": "Discord Blurple Dark",
        "value": "#4752C4",
        "description": "Darker Blurple for hover, pressed, and active states on the primary CTA.",
        "aliases": []
      },
      {
        "id": "discord-old-blurple",
        "name": "Discord Old Blurple",
        "value": "#7289DA",
        "description": "The pre-2021 Blurple — retained as a deprecated reference for historical applications, not part of the current brand surface.\n",
        "aliases": []
      },
      {
        "id": "discord-greyple",
        "name": "Discord Greyple",
        "value": "#99AAB5",
        "description": "Neutral grey-blue from Discord's brand palette — used in marketing illustration and as a secondary text tone.",
        "aliases": []
      },
      {
        "id": "discord-dark-not-black",
        "name": "Discord Dark But Not Black",
        "value": "#2C2F33",
        "description": "\"Dark But Not Black\" — Discord's published dark surface tone, used historically as the client's main canvas before the 2022 refresh.\n",
        "aliases": []
      },
      {
        "id": "discord-not-quite-black",
        "name": "Discord Not Quite Black",
        "value": "#23272A",
        "description": "\"Not Quite Black\" — Discord's published deepest dark tone, used historically as the client's sidebar canvas.\n",
        "aliases": []
      },
      {
        "id": "discord-white",
        "name": "Discord White",
        "value": "#FFFFFF",
        "description": "White — the primary text and mark fill on the dark canvas.",
        "aliases": []
      },
      {
        "id": "discord-canvas-dark",
        "name": "Discord Canvas Dark",
        "value": "#313338",
        "description": "Modern Discord client primary canvas — the main chat surface since the 2022 client visual refresh.\n",
        "aliases": []
      },
      {
        "id": "discord-canvas-darker",
        "name": "Discord Canvas Darker",
        "value": "#2B2D31",
        "description": "Modern Discord secondary surface — the channel list / sidebar.",
        "aliases": []
      },
      {
        "id": "discord-canvas-darkest",
        "name": "Discord Canvas Darkest",
        "value": "#1E1F22",
        "description": "Modern Discord deepest surface — the server list rail.",
        "aliases": []
      },
      {
        "id": "discord-text-on-dark",
        "name": "Discord Text on Dark",
        "value": "#F2F3F5",
        "description": "Primary text color on the dark canvas.",
        "aliases": []
      },
      {
        "id": "discord-text-secondary-dark",
        "name": "Discord Text Secondary on Dark",
        "value": "#B5BAC1",
        "description": "Secondary text on the dark canvas.",
        "aliases": []
      },
      {
        "id": "discord-text-tertiary-dark",
        "name": "Discord Text Tertiary on Dark",
        "value": "#80848E",
        "description": "Tertiary / muted text on the dark canvas.",
        "aliases": []
      },
      {
        "id": "discord-green",
        "name": "Discord Green",
        "value": "#23A55A",
        "description": "Authored success / online-status accent.",
        "aliases": []
      },
      {
        "id": "discord-yellow",
        "name": "Discord Yellow",
        "value": "#F0B232",
        "description": "Authored idle-status / warning accent.",
        "aliases": []
      },
      {
        "id": "discord-red",
        "name": "Discord Red",
        "value": "#F23F43",
        "description": "Authored Do-Not-Disturb / error accent.",
        "aliases": []
      },
      {
        "id": "discord-fuchsia",
        "name": "Discord Fuchsia",
        "value": "#EB459E",
        "description": "Authored secondary accent — used on Boost and Nitro affordances.",
        "aliases": []
      },
      {
        "id": "discord-light-canvas",
        "name": "Discord Light Canvas",
        "value": "#FFFFFF",
        "description": "Authored light-mode canvas for Discord's user-selectable light theme.",
        "aliases": []
      },
      {
        "id": "discord-light-surface",
        "name": "Discord Light Surface",
        "value": "#F2F3F5",
        "description": "Authored elevated surface on light mode.",
        "aliases": []
      },
      {
        "id": "discord-light-surface-elevated",
        "name": "Discord Light Surface Elevated",
        "value": "#EBEDEF",
        "description": "Authored deepest-elevated surface on light mode.",
        "aliases": []
      },
      {
        "id": "discord-text-on-light",
        "name": "Discord Text on Light",
        "value": "#060607",
        "description": "Primary text on light canvas.",
        "aliases": []
      },
      {
        "id": "discord-text-secondary-light",
        "name": "Discord Text Secondary on Light",
        "value": "#4E5058",
        "description": "Authored secondary text on light canvas.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "discord-light-canvas",
          "surface": "discord-light-surface",
          "surface-elevated": "discord-light-surface-elevated",
          "text-primary": "discord-text-on-light",
          "text-secondary": "discord-text-secondary-light",
          "text-tertiary": "discord-greyple",
          "primary": "discord-blurple",
          "primary-hover": "discord-blurple-dark",
          "accent": "discord-blurple",
          "accent-hover": "discord-blurple-dark",
          "warning": "discord-yellow",
          "warning-hover": "discord-yellow",
          "error": "discord-red",
          "success": "discord-green"
        }
      },
      "dark": {
        "roles": {
          "background": "discord-canvas-dark",
          "surface": "discord-canvas-darker",
          "surface-elevated": "discord-canvas-darkest",
          "text-primary": "discord-text-on-dark",
          "text-secondary": "discord-text-secondary-dark",
          "text-tertiary": "discord-text-tertiary-dark",
          "primary": "discord-blurple",
          "primary-hover": "discord-blurple-dark",
          "accent": "discord-blurple",
          "accent-hover": "discord-blurple-dark",
          "warning": "discord-yellow",
          "warning-hover": "discord-yellow",
          "error": "discord-red",
          "success": "discord-green"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "whitney@1.0.0",
      "family": "Whitney",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Whitney",
        "notes": "Licensed font; no public CDN. Distributed under license from Hoefler&Co. (Monotype). CSS @font-face declarations must reference internally hosted files under the consumer's own Whitney license.\n"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "whitney@1.0.0",
      "family": "Whitney",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Whitney",
        "notes": "Licensed font; no public CDN. Distributed under license from Hoefler&Co. (Monotype). CSS @font-face declarations must reference internally hosted files under the consumer's own Whitney license.\n"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "discord-canvas-dark",
      "on-identity": "discord-text-on-dark",
      "background": "discord-canvas-dark",
      "surface": "discord-canvas-darker",
      "surface-elevated": "discord-canvas-darkest",
      "text-primary": "discord-text-on-dark",
      "text-secondary": "discord-text-secondary-dark",
      "text-tertiary": "discord-text-tertiary-dark",
      "primary": "discord-blurple",
      "primary-hover": "discord-blurple-dark",
      "accent": "discord-blurple",
      "accent-hover": "discord-blurple-dark",
      "mark": "discord-blurple",
      "success": "discord-green",
      "warning": "discord-yellow",
      "error": "discord-red",
      "boost": "discord-fuchsia"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "wordmark": "heading",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.mark",
      "severity": "error",
      "rationale": "The Discord wordmark and Wumpus mark render in Blurple, white (on dark surfaces), or Not Quite Black (in monochrome contexts). Old Blurple is deprecated. Status accents (green, yellow, red) and the Boost / Nitro fuchsia are reserved for product UI and never recolor the mark.\n",
      "allowed": [
        "discord-blurple",
        "discord-white",
        "discord-not-quite-black"
      ],
      "forbidden": [
        "discord-old-blurple",
        "discord-greyple",
        "discord-fuchsia",
        "discord-red",
        "discord-green",
        "discord-yellow"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Discord's brand page prescribes the wordmark and Wumpus mark in approved variants only. Recoloring into Old Blurple, redrawing Wumpus, or applying decorative effects violates the brand-use policy published at discord.com/branding.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "inverted-without-variant",
        "wumpus-redraw",
        "old-blurple-recolor"
      ]
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On the canonical Canvas Dark surface, the white wordmark variant is required for legibility. The Blurple wordmark must not be placed directly on Canvas Dark where contrast drops.\n",
      "when": {
        "backgroundColorScheme": "dark"
      },
      "use": "wordmark-white"
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On light surfaces, the wordmark renders in Blurple. Do not invert the white wordmark onto a light canvas.\n",
      "when": {
        "backgroundColorScheme": "light"
      },
      "use": "wordmark-blurple"
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "WCAG 2.1 Level AA contrast minimum for body text. Discord Text on Dark (#F2F3F5) on Canvas Dark (#313338) reads comfortably above AA. The rule encodes the floor for any new foreground/background pairing introduced on Discord surfaces.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Discord Blurple (#5865F2) on Canvas Dark must remain perceptible at interactive sizes. The 2021 brand refresh specifically tuned the Blurple from Old Blurple (#7289DA) toward higher saturation; falling below 3:1 (AA-large) breaks the interactive affordance of the primary CTA.\n",
      "against": "background",
      "minRatio": 3,
      "standard": "WCAG-AA-large"
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.identity",
      "severity": "error",
      "rationale": "Discord's brand guidelines restrict use of the Discord wordmark, Wumpus, and Blurple in ways that imply official affiliation or Discord endorsement of a third-party server, on competing- product surfaces, or on unlicensed merchandise.\n",
      "forbiddenContexts": [
        "product-of-competitor",
        "merchandise",
        "endorsement-implication",
        "server-impersonation"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.primary",
      "severity": "recommendation",
      "rationale": "Blurple is calibrated to read on Discord's deep canvases and on white. Pairing the current Blurple with Old Blurple creates a visible regression; pairing it with Fuchsia (a different brand-accent role) breaks the calibrated primary-vs-secondary hierarchy.\n",
      "pairsWith": [
        "discord-canvas-dark",
        "discord-canvas-darker",
        "discord-white"
      ],
      "doesNotPairWith": [
        "discord-old-blurple",
        "discord-fuchsia"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Whitney is distributed in Light (300), Book (400), Medium (500), Semi-Bold (600), and Bold (700). Discord's display lockups and marketing headlines sit in the 500–700 band; lighter cuts compromise the warm, declarative voice the brand depends on.\n",
      "allowed": [
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The dark-first canvas makes contrast checks the default verification on any new role pairing introduced on Discord-skinned surfaces.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "warning",
      "rationale": "Discord's marketing headlines run substantially larger than body copy. A 1.5× minimum size ratio preserves the display-to-prose hierarchy the brand voice depends on.\n",
      "requires": "body",
      "minSizeRatio": 1.5
    }
  ]
}