Discord Role Color Picker
Pick a hex, see the role name rendered in Discord's dark, light and midnight themes at once, and get the WCAG contrast score for each before you save it.
Contrast is measured on the worse of each theme's two surfaces — the chat pane and the member list. WCAG AA for a role name is 4.5:1; 3:1 only covers text 18.66px bold or larger, and Discord renders role names smaller than that.
Build a role hierarchy
Name the roles you plan to create, then copy the whole list. Each row carries its worst score across the three themes, so a role that reads badly is obvious before anyone joins.
How Discord picks which color a name gets
A member's name takes the color of their highest role that has one. Roles left on the default color are skipped entirely, so an "Admin" role sitting at the top of the list with no color set falls through to whatever colored role is below it. Position decides this, not permissions — drag the role up or down in Server Settings → Roles to change which color wins.
Discord stores the color as a 24-bit integer rather than a string, which is why the API, audit logs and most bots report #E74C3C as 15158332. The one value that behaves oddly is #000000: it maps to 0, and Discord reads 0 as "no color at all", so a role set to pure black is treated as uncolored and gets skipped like any other default role.
Why no role color passes AA on both themes
Dark theme renders the name on #313338 in chat and #2b2d31 in the member list. Light theme uses #ffffff and #f2f3f5. Those backgrounds are far enough apart that a single color cannot clear 4.5:1 against both. Score the chat panes alone and the arithmetic caps the worse of the two ratios at 3.56:1; count each theme's member list as well — which is what the scores above do — and the cap drops to 3.37:1, sitting at a relative luminance of about 0.230. Anything lighter gains on dark and loses on light at the same rate.
Of the twelve popular role colors in the swatch row above only #E74C3C lands near that optimum, at 3.31:1 on dark and 3.44:1 on light. #F1C40F scores 7.61:1 on dark and 1.50:1 on light — bright and confident for most of your server, and near-invisible for the members using light theme. So the workable target is 4.5:1 on the theme your members actually use, and above 3:1 on the other. Balance both themes does exactly that: it moves lightness until the two scores are as even as they can be, leaving hue and saturation alone so the color still looks like the one you picked.
Gradient and holographic role styles
Enhanced Role Styles are a Server Boost perk bought on its own — 3 boosts applied to that perk, with no Boost Level requirement attached. A gradient role takes two stops and blends them across the name; holographic is a single fixed preset that cannot be recolored.
The thing worth checking is the fallback. Where the style is not rendered, the name falls back to a flat color, so a gradient whose stops both fail contrast fails there too. The gradient mode above scores both stops and reports the worse of them, which is the number that actually describes what your members will read.
FAQ
How do I change a role's color in Discord?
Server Settings → Roles → pick the role → set the color under Display. It is the same path on mobile from the server name menu. Discord stores the value as a 24-bit integer, which is why bots and audit logs show #E74C3C as 15158332 rather than as a hex code.
Why does my role color vanish in Discord's light theme?
Light theme puts the same name on #FFFFFF instead of dark theme's #313338. A color pale enough to glow on dark theme has almost no contrast on white, and a color dark enough to read on white looks muddy on dark. Check the light column here before you save.
How do I get gradient or holographic role colors?
Enhanced Role Styles are a Server Boost perk bought on its own: someone with Manage Server applies 3 boosts to that perk. It is not tied to a Boost Level, so 3 boosts is the whole requirement. Gradient and Holographic then appear beside the solid color picker in the role's Display tab.
What are the best Discord role colors?
The ones that stay legible on whichever theme your members actually use and stay above 3:1 on the other. Of the twelve popular role colors in the swatch row on this page, #E74C3C is the most balanced at 3.31:1 on dark and 3.44:1 on light. #F1C40F and #FFFFFF are excellent on dark and effectively invisible on light.
Can a role color pass AA contrast on both dark and light theme?
No. Score the chat panes alone and the arithmetic caps the worse of the two ratios at 3.56:1; count the member list backgrounds as well and the cap is 3.37:1, reached at a relative luminance of about 0.230. 4.5:1 on both is impossible, so aim for 4.5:1 on your primary theme and above 3:1 on the other.
Does a role's color affect anything besides the name?
It tints the name in the member list, above messages, in mentions and in the role pill in Server Settings. It has no effect on permissions, on who can see the role, or on channel access. Setting a role to #000000 does nothing at all — Discord reads 0 as no color and falls through to the next colored role.