CommunicationFounded 2015
Discord Brand Colors
Discord's blurple — a blend of blue and purple — reflects the platform's blend of gaming culture, creativity, and community.
discord.com ↗Brand Palette
#5865F2
#23272A
#FFFFFF
#57F287
Primary
Background
Text
Online
Color Values
Discord Blurple
Primary
- HEX
- #5865F2
- RGB
- rgb(88, 101, 242)
- HSL
- hsl(235, 86%, 65%)
Discord Dark
Background
- HEX
- #23272A
- RGB
- rgb(35, 39, 42)
- HSL
- hsl(206, 9%, 15%)
Discord Light
Text
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Discord Green
Online
- HEX
- #57F287
- RGB
- rgb(87, 242, 135)
- HSL
- hsl(139, 86%, 65%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Discord Blurple | 4.61:1AA | 4.56:1AA |
Discord Dark | 15.05:1AAA | 1.4:1Fail |
Discord Light | 1:1Fail | 21:1AAA |
Discord Green | 1.45:1Fail | 14.46:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--discord-discord-blurple: #5865F2;
--discord-discord-dark: #23272A;
--discord-discord-light: #FFFFFF;
--discord-discord-green: #57F287;
}
/* Usage example */
.btn-primary {
background-color: var(--discord-discord-blurple);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Discord's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Discord uses a mid-tone palette anchored by Discord Blurple (#5865F2). Communication platforms require high-legibility color systems, favoring bold singles or limited palettes for instant recognition across devices.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Multi-color system allows segmentation across products and sub-brands
- Primary color meets WCAG AA — usable for text and UI components
Explore Individual Colors
Tags
gamingcommunitypurplecommunication
More Communication Brand Colors
Frequently Asked Questions
What are Discord's official brand colors?
Discord's official brand colors are: Discord Blurple (#5865F2), Discord Dark (#23272A), Discord Light (#FFFFFF), Discord Green (#57F287).
What is Discord's primary color hex code?
Discord's primary brand color is Discord Blurple with hex code #5865F2.
What are the RGB values for Discord's primary color?
Discord Blurple (#5865F2) has RGB values of rgb(88, 101, 242).
What is the HSL value of Discord's primary color?
Discord Blurple has an HSL value of hsl(235, 86%, 65%).
Is Discord's primary color WCAG accessible?
Discord Blurple (#5865F2) has a contrast ratio of 4.61:1 on white, which passes WCAG AA.
What industry is Discord in?
Discord operates in the Communication industry, founded in 2015.