World of Warcraft color palette
GamingWorld of Warcraft's color identity is defined by its iconic gold and deep blue, evoking a sense of epic fantasy and adventure. The palette is accented with stone grays and rich browns, reflecting the game's medieval and magical themes.
worldofwarcraft.comWorld of Warcraft colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- WoW GoldPrimary255, 209, 0
- WoW Deep BlueSecondary0, 34, 68
- WoW BronzeAccent138, 111, 43
Surfaces
Page, cards and dividers.- WoW Dark BackgroundBackground24, 24, 24
- WoW Stone GraySurface35, 39, 42
- WoW Border GrayBorder60, 60, 60
Text
Three tiers of copy.- WoW WhiteText255, 255, 255
- WoW Gold TextSecondary text255, 209, 0
- WoW Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- WoW EmeraldSuccess0, 168, 107
- WoW Warning OrangeWarning255, 136, 0
- WoW CrimsonError196, 30, 58
- WoW Info BlueInfo51, 153, 255
Use World of Warcraft's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
world-of-warcraft-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3399FF;
--error: #C41E3A;
--accent: #8A6F2B;
--border: #3C3C3C;
--primary: #FFD100;
--success: #00A86B;
--surface: #23272A;
--warning: #FF8800;
--secondary: #002244;
--text-muted: #A0A0A0;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #FFD100;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
12.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
10.3:1
Pass
Muted text on background
Needs 3:1 for large text
6.8:1
Pass
Muted text on surface
Needs 3:1 for large text
5.8:1
Pass
World of Warcraft background, border and text colors
World of Warcraft 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.
- WoW Dark BackgroundBackground
- HEX
- RGB
- HSL
- WoW Stone GraySurface
- HEX
- RGB
- HSL
- WoW Border GrayBorder
- HEX
- RGB
- HSL
- WoW WhiteText
- HEX
- RGB
- HSL
- WoW Gold TextSecondary text
- HEX
- RGB
- HSL
- WoW Muted GrayMuted text
- HEX
- RGB
- HSL
About World of Warcraft's colors
World of Warcraft's palette is built around high-contrast gold and blue, evoking fantasy and heroism. Neutral grays and rich metallics ground the interface in a medieval, immersive world.
Gold and blue are complementary, providing visual hierarchy.
Grays and browns support readability and thematic consistency.
Accent colors highlight important UI elements and alerts.
Psychology
Gold conveys prestige, adventure, and reward, while deep blue suggests mystery and depth. The palette is designed to immerse players in a world of epic quests and legendary treasures.
Evolution
The core gold and blue have remained consistent since launch, reinforcing brand recognition. Over time, the UI palette has expanded to include more nuanced grays and accent colors for accessibility and clarity.
Where World of Warcraft uses each color
- Primary
WoW Gold is used in the logo, key navigation highlights, and primary call-to-action buttons.
- Secondary
WoW Deep Blue forms the background for headers, footers, and major navigation bars.
- Accent
WoW Bronze is used for borders, decorative elements, and secondary highlights.
- Backgrounds
WoW Dark Background and Stone Gray appear behind content areas and panels throughout the website and launcher.
- Text
WoW White is used for primary text, with Gold and Muted Gray for emphasis and de-emphasis.
- Semantic
Emerald, Orange, Crimson, and Info Blue are used for success, warning, error, and informational states in UI feedback.
World of Warcraft color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official World of Warcraft brand color is WoW Gold, hex code #FFD100.
WoW Gold (#FFD100) is RGB(255, 209, 0); for print, its approximate CMYK is 0, 18, 100, 0.
WoW uses Stone Gray (#23272A) and Border Gray (#3C3C3C) for backgrounds and UI surfaces, providing a grounded, immersive look.
Use WoW Gold (#FFD100) for primary actions and highlights, Deep Blue (#002244) for major backgrounds, and neutrals for surfaces and borders. Accent and semantic colors should be reserved for alerts, notifications, and special UI states.
The secondary color is WoW Deep Blue, #002244, and the accent is WoW Bronze, #8A6F2B. Together with the primary they make up the three brand colors at the top of this page.
6 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 World of Warcraft's colors consistently when it generates UI.
Make something in the spirit of World of Warcraft
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.