WWE color palette
SportsWWE's color identity is built around a bold black, accented by striking red and crisp white, reflecting its dramatic and high-impact brand. The palette is minimal and high-contrast, supporting the brand's entertainment and sports positioning.
wwe.comWWE colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- WWE BlackPrimary0, 0, 0
- WWE RedSecondary198, 12, 48
- WWE WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- WWE Dark GrayBackground24, 24, 24
- WWE Surface GraySurface34, 34, 34
- WWE Border GrayBorder50, 50, 50
Text
Three tiers of copy.- WWE Text WhiteText255, 255, 255
- WWE Text SilverSecondary text192, 192, 192
- WWE Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- WWE Success GreenSuccess67, 160, 71
- WWE Warning AmberWarning255, 160, 0
- WWE Error RedError211, 47, 47
- WWE Info BlueInfo25, 118, 210
Use WWE's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
wwe-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFFFFF;
--border: #323232;
--primary: #000000;
--success: #43A047;
--surface: #222222;
--warning: #FFA000;
--secondary: #C60C30;
--text-muted: #888888;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #C0C0C0;
}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.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.7:1
Pass
Muted text on background
Needs 3:1 for large text
5.0:1
Pass
Muted text on surface
Needs 3:1 for large text
4.5:1
Pass
WWE gray, dark and neutral colors
WWE 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.
- WWE Dark GrayBackground
- HEX
- RGB
- HSL
- WWE Surface GraySurface
- HEX
- RGB
- HSL
- WWE Border GrayBorder
- HEX
- RGB
- HSL
- WWE Text WhiteText
- HEX
- RGB
- HSL
- WWE Text SilverSecondary text
- HEX
- RGB
- HSL
- WWE Muted GrayMuted text
- HEX
- RGB
- HSL
About WWE's colors
WWE's palette is monochromatic with strong black, white, and red, creating a high-contrast and energetic visual identity. The use of minimal color emphasizes drama and clarity.
Primary black anchors the brand and is used for backgrounds.
Red is used for highlights, calls to action, and branding elements.
White provides contrast and clarity for text and logos.
Psychology
Black conveys power, authority, and sophistication, aligning with WWE's entertainment persona. Red adds excitement and urgency, while white ensures readability and balance.
Evolution
WWE's color palette has remained stable for decades, consistently using black, red, and white as its core colors. The brand has refined its use of dark grays for modern digital interfaces.
Where WWE uses each color
- Primary
WWE Black is used for backgrounds, navigation bars, and the main logo.
- Secondary
WWE Red appears in action buttons, highlights, and event branding.
- Accent
WWE White is used for text, logos, and to provide contrast on dark backgrounds.
- Backgrounds
WWE Dark Gray and Surface Gray are used for app backgrounds, overlays, and cards.
- Text
Text White and Text Silver are used for primary and secondary text across digital and broadcast platforms.
- Semantic
Success Green, Warning Amber, Error Red, and Info Blue are used for status indicators and notifications in digital products.
WWE color questions
Hex codes, RGB values, neutrals and how to use the palette.
The WWE primary color hex code is #000000, known as WWE Black. This color is used throughout the brand's visual identity.
WWE Black (#000000) is RGB(0, 0, 0) and CMYK(0, 0, 0, 100). These values are used for digital and print consistency.
WWE uses WWE Dark Gray (#181818), WWE Surface Gray (#222222), and WWE Border Gray (#323232) for backgrounds, surfaces, and borders in its digital interfaces. These tones provide depth and separation without overpowering the primary brand colors.
Use WWE Black (#000000) as the dominant background, with WWE Red (#C60C30) for highlights and calls to action, and WWE White (#FFFFFF) for text and logos. Grays are reserved for UI surfaces and secondary elements to maintain contrast and clarity.
The secondary color is WWE Red, #C60C30, and the accent is WWE White, #FFFFFF. 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 WWE's colors consistently when it generates UI.
Make something in the spirit of WWE
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.