Discord color palette
SocialDiscord's signature Blurple paired with a dark interface creates a distinctive, community-focused identity that bridges gaming culture and mainstream communication.
discord.comDiscord colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Discord BlurplePrimary88, 101, 242
- Discord DarkSecondary44, 47, 51
- Discord GreenAccent87, 242, 135
Surfaces
Page, cards and dividers.- Discord BackgroundBackground49, 51, 56
- Discord SurfaceSurface43, 45, 49
- Discord BorderBorder63, 65, 71
Text
Three tiers of copy.- Discord WhiteText242, 243, 245
- Discord Light GraySecondary text181, 186, 193
- Discord MutedMuted text109, 111, 120
Semantic
Feedback and state colors.- Discord SuccessSuccess87, 242, 135
- Discord YellowWarning254, 231, 92
- Discord RedError237, 66, 69
- Discord InfoInfo88, 101, 242
Use Discord's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
discord-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5865F2;
--error: #ED4245;
--accent: #57F287;
--border: #3F4147;
--primary: #5865F2;
--success: #57F287;
--surface: #2B2D31;
--warning: #FEE75C;
--secondary: #2C2F33;
--text-muted: #6D6F78;
--background: #313338;
--text-primary: #F2F3F5;
--text-secondary: #B5BAC1;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
11.4:1
Pass
Text on surface
Needs 4.5:1 for body text
12.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.1:1
Pass
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Discord gray, dark and neutral colors
Discord runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Discord BackgroundBackground
- HEX
- RGB
- HSL
- Discord SurfaceSurface
- HEX
- RGB
- HSL
- Discord BorderBorder
- HEX
- RGB
- HSL
- Discord WhiteText
- HEX
- RGB
- HSL
- Discord Light GraySecondary text
- HEX
- RGB
- HSL
- Discord MutedMuted text
- HEX
- RGB
- HSL
About Discord's colors
Discord's 'Blurple' — a blue-purple hybrid — is one of the most distinctive brand colors in tech. Paired with a dark gray (not black) interface, it creates a casual yet modern environment for community interaction.
Blurple (#5865F2) sits precisely between blue and purple, creating a unique hue no competitor matches
Dark gray backgrounds (#313338) are warmer than Spotify's or Linear's, feeling more inviting
Bright green (#57F287) contrasts sharply with blurple for online status and positive states
Psychology
Blurple is playful enough for gaming communities but professional enough for work servers. The dark interface suggests late-night gaming sessions and always-on communication. Green online indicators create a sense of presence and community.
Evolution
Discord refreshed Blurple from #7289DA to #5865F2 in 2021, making it more vivid and saturated. The rebrand also introduced the Burple Gradient and new illustration style while maintaining the core dark-UI identity.
Where Discord uses each color
- Primary
Blurple (#5865F2) powers the key brand touchpoints: the logo, primary buttons, mentions, and selected states.
- Secondary
Dark surfaces (#2C2F33, #313338) form the always-on chat environment, with subtle layering for channels, messages, and panels.
- Accent
Green (#57F287) is the presence color — online status, voice connected, and boost confirmations.
- Backgrounds
Warm dark grays create a more inviting atmosphere than pure black, encouraging prolonged engagement.
- Text
Light gray text (#F2F3F5, #B5BAC1) is calibrated for extended reading in dark mode.
- Semantic
Green, yellow, and red serve clear semantic roles across the interface, from online status to destructive actions.
Discord color questions
Hex codes, RGB values, neutrals and how to use the palette.
Discord Blurple (#5865F2) is Discord's signature color — a custom blue-purple hybrid that sits precisely between the two hues. It was updated in 2021 from the original #7289DA to be more vivid and saturated.
Discord's core palette is Blurple (#5865F2), Green (#57F287), Yellow (#FEE75C), Fuchsia (#EB459E), and Red (#ED4245), all set against dark gray backgrounds (#313338). These colors are documented in Discord's official brand guidelines.
Discord's dark interface reflects its gaming community origins — gamers often prefer dark themes for extended screen time. The dark background also lets the vibrant blurple and green accents pop, and creates a casual, social atmosphere.
Discord's main gray is #313338, the chat background in dark mode. The sidebar uses a darker gray, #2B2D31, and the divider and border gray is #3F4147.
Discord dark mode is built from three grays: #313338 for the message area, #2B2D31 for channel and server sidebars, and #1E1F22 for the server list. Text is #F2F3F5 for primary and #B5BAC1 for muted.
Discord Blurple is #5865F2, introduced in the 2021 rebrand. The previous Blurple was #7289DA. RGB for the current color is 88, 101, 242.
Discord's light gray text color is #B5BAC1, used for muted labels and timestamps in dark mode. A slightly darker gray, #949BA4, is used for secondary text and icons.
The secondary color is Discord Dark, #2C2F33, and the accent is Discord Green, #57F287. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Discord's colors consistently when it generates UI.
Make something in the spirit of Discord
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.