Activision color palette
GamingActivision's color identity is defined by a bold, high-contrast black and white palette, emphasizing clarity and simplicity. The brand uses minimal accent colors, focusing on strong monochrome visuals across its digital and print assets.
activision.comActivision colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Activision BlackPrimary0, 0, 0
- Activision WhiteSecondary255, 255, 255
- Activision Light GrayAccent196, 196, 196
Surfaces
Page, cards and dividers.- Activision Dark BackgroundBackground24, 24, 24
- Activision Surface GraySurface34, 34, 34
- Activision Border GrayBorder58, 58, 58
Text
Three tiers of copy.- Activision Primary TextText255, 255, 255
- Activision Secondary TextSecondary text196, 196, 196
- Activision Muted TextMuted text138, 138, 138
Semantic
Feedback and state colors.- Activision Success GreenSuccess76, 175, 80
- Activision Warning YellowWarning255, 193, 7
- Activision Error RedError244, 67, 54
- Activision Info BlueInfo33, 150, 243
Use Activision's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
activision-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #F44336;
--accent: #C4C4C4;
--border: #3A3A3A;
--primary: #000000;
--success: #4CAF50;
--surface: #222222;
--warning: #FFC107;
--secondary: #FFFFFF;
--text-muted: #8A8A8A;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #C4C4C4;
}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
10.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.1:1
Pass
Muted text on background
Needs 3:1 for large text
5.1:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
Activision gray, dark and neutral colors
Activision 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.
- Activision Dark BackgroundBackground
- HEX
- RGB
- HSL
- Activision Surface GraySurface
- HEX
- RGB
- HSL
- Activision Border GrayBorder
- HEX
- RGB
- HSL
- Activision Primary TextText
- HEX
- RGB
- HSL
- Activision Secondary TextSecondary text
- HEX
- RGB
- HSL
- Activision Muted TextMuted text
- HEX
- RGB
- HSL
About Activision's colors
Activision's palette is rooted in a stark monochrome scheme, prioritizing black and white for maximum contrast and legibility. Minimal color accents are used for semantic states and highlights.
Primary black contrasts with white for clarity.
Grays provide depth and hierarchy in UI.
Accent colors are reserved for status and notifications.
Psychology
The black and white palette conveys authority, professionalism, and timelessness. Accent colors are used sparingly to draw attention to important actions or statuses.
Evolution
Activision's color palette has remained largely consistent, focusing on monochrome tones since its early branding. Minor adjustments to gray values have been made for modern digital interfaces.
Where Activision uses each color
- Primary
Used in the Activision logo, navigation bars, and key brand visuals.
- Secondary
Applied as background color for text and sections, and in logo lockups.
- Accent
Utilized for UI highlights, subtle dividers, and inactive elements.
- Backgrounds
Dark backgrounds are prominent in web and app screens to enhance contrast.
- Text
White and light gray are used for primary and secondary text on dark backgrounds.
- Semantic
Green, yellow, red, and blue are used for success, warning, error, and informational UI states respectively.
Activision color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Activision primary color hex code is #000000. This black is used in the logo and throughout the brand's identity.
Activision Black (#000000) has an RGB value of (0, 0, 0) and a CMYK value of (0, 0, 0, 100). These values ensure consistent reproduction across digital and print media.
Activision uses several gray tones including #C4C4C4 for light gray, #222222 for surfaces, and #3A3A3A for borders. These provide depth and hierarchy in digital interfaces.
Use black (#000000) and white (#FFFFFF) for primary brand elements and backgrounds, with gray tones for UI structure. Accent and semantic colors should be reserved for status indicators and highlights.
The secondary color is Activision White, #FFFFFF, and the accent is Activision Light Gray, #C4C4C4. 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 Activision's colors consistently when it generates UI.
Make something in the spirit of Activision
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.