Discord Background Color & Hex Palette
Copy dark-theme, light-theme, blurple & status hex codes • Custom HEX / RGB / HSL picker
Dark Theme Backgrounds
Click any swatch to copy its hex code
Light Theme Backgrounds
Click any swatch to copy its hex code
Brand Blurple
Click any swatch to copy its hex code
Status & Presence
Click any swatch to copy its hex code
Custom Color Picker
Pick or paste a color to get HEX, RGB, and HSL
The exact hex codes behind Discord's interface
Discord's UI is built on a small, fixed set of hex values — the dark and light theme greys, brand blurple, and the presence dots. Knowing the exact codes lets your art, roles, and embeds sit flush with the native interface.
The three greys of the dark theme
The most-searched Discord color question has a precise answer. In the dark theme most people use, the main chat area is #313338. The channel and member sidebars sit one shade darker at #2B2D31, and the far-left server rail is darkest at #1E1F22.
This three-step hierarchy is why depth reads cleanly in the app. If you design a transparent PNG emoji, sticker, or role icon, previewing it against #313338 tells you exactly how it will look in most servers — dark art that would vanish on that surface becomes obvious before you upload.
Why you design for both themes at once
The light theme flips the hierarchy: the main area becomes #FFFFFF with side panels at #F2F3F5. Because a single asset is shown on both themes, an emoji or icon that looks perfect on dark can disappear on white — a light glyph on a transparent background is the classic failure.
It pays to check that fine details and edges hold up on white as well as on the dark #313338 background. A subtle outline, a white die-cut border, or a shape with its own fill keeps art readable everywhere, no matter which theme the viewer has chosen.
Blurple, old and new
Discord's signature brand color is blurple #5865F2, adopted in the 2021 rebrand; the earlier, lighter blurple was #7289DA, and a darker #4752C4 is common for pressed button states. Matching these keeps custom graphics and embed accents consistent with the native UI.
Blurple is also a safe, high-contrast choice for role colors and buttons because it was tuned to read on both themes. Copy the exact value rather than eyeballing it — a near-miss blurple looks off the moment it sits next to Discord's own chrome.
Status dots and the custom picker
Presence dots use a fixed set: online green #23A55A, idle amber #F0B232, do-not-disturb red #F23F43, streaming purple #593695, and offline grey #80848E. Matching these values keeps status-themed graphics and role colors consistent with what members already recognize.
Every swatch above copies its hex code with one click, and the custom picker converts any color to HEX, RGB, and HSL for your design tool. Sample a color once here and paste the exact value into Figma, Photoshop, or your CSS without a second conversion step.
Frequently Asked Questions
What color is the Discord background?
In the current dark theme, Discord's primary chat background is #313338, with a slightly darker sidebar at #2B2D31 and the darkest channel rail at #1E1F22. The light theme uses #FFFFFF for the main area and #F2F3F5 for side panels. You can copy any of these hex codes from the palette above.
What is the Discord blurple hex code?
Discord's brand blurple is #5865F2. The older, lighter blurple used before the 2021 rebrand is #7289DA, and a darker shade often used for pressed button states is #4752C4. Copy any of them from the brand swatches above in HEX, RGB, or HSL.
What are the Discord status colors?
Online is green #23A55A, Idle is amber #F0B232, Do Not Disturb is red #F23F43, Streaming is purple #593695, and Offline or Invisible is grey #80848E. These appear on the small presence dot over a user's avatar, and each copies with one click.
How do I match a color to Discord's dark and light theme?
Use the custom picker above to sample any color and read its exact HEX, RGB, and HSL values, then preview it against both #313338 dark and #FFFFFF light. Checking both themes ensures banners, emojis, and role icons stay readable no matter which mode a member uses.
What color should I use for a Discord role or embed accent?
Role colors and embed side-bars take a single hex value, so pick one with enough contrast against the #313338 dark background — brand blurple #5865F2 or a saturated mid-tone reads clearly, while very dark or very light values wash out. Sample and copy any hex from the picker above.