Xbox color palette
GamingXbox's color identity is defined by its iconic green paired with deep blacks and neutral grays, reflecting a modern and energetic gaming brand. The palette is consistent across digital, hardware, and promotional materials.
xbox.comXbox colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Xbox GreenPrimary16, 124, 16
- Xbox WhiteSecondary255, 255, 255
- Xbox SilverAccent166, 166, 166
Surfaces
Page, cards and dividers.- Xbox BlackBackground14, 14, 16
- Xbox Dark GraySurface26, 26, 26
- Xbox Border GrayBorder58, 58, 58
Text
Three tiers of copy.- Xbox Text WhiteText255, 255, 255
- Xbox Text SilverSecondary text166, 166, 166
- Xbox Muted GrayMuted text110, 110, 110
Semantic
Feedback and state colors.- Xbox Success GreenSuccess16, 124, 16
- Xbox Warning YellowWarning255, 214, 0
- Xbox Error RedError232, 17, 35
- Xbox Info BlueInfo58, 150, 221
Use Xbox's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
xbox-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A96DD;
--error: #E81123;
--accent: #A6A6A6;
--border: #3A3A3A;
--primary: #107C10;
--success: #107C10;
--surface: #1A1A1A;
--warning: #FFD600;
--secondary: #FFFFFF;
--text-muted: #6E6E6E;
--background: #0E0E10;
--text-primary: #FFFFFF;
--text-secondary: #A6A6A6;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.1:1
Pass
Muted text on background
Needs 3:1 for large text
3.8:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
Xbox gray, dark and neutral colors
Xbox 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.
- Xbox BlackBackground
- HEX
- RGB
- HSL
- Xbox Dark GraySurface
- HEX
- RGB
- HSL
- Xbox Border GrayBorder
- HEX
- RGB
- HSL
- Xbox Text WhiteText
- HEX
- RGB
- HSL
- Xbox Text SilverSecondary text
- HEX
- RGB
- HSL
- Xbox Muted GrayMuted text
- HEX
- RGB
- HSL
About Xbox's colors
Xbox's palette centers on a vivid green, balanced by black and neutral grays for a bold, modern look. The color system ensures strong contrast and accessibility across digital and physical platforms.
Primary green contrasts with black backgrounds.
Neutral grays provide balance and hierarchy.
Accent colors highlight actions and statuses.
Psychology
Green evokes energy, growth, and playfulness, aligning with Xbox's gaming ethos. The dark backgrounds create a cinematic, immersive experience.
Evolution
The Xbox green has remained consistent since the brand's inception, with minor adjustments for digital clarity. The supporting palette has shifted towards deeper blacks and refined grays for a more premium, modern feel.
Where Xbox uses each color
- Primary
Used for the Xbox logo, key buttons, and call-to-action elements.
- Secondary
Appears in backgrounds, text, and hardware accents.
- Accent
Utilized for UI highlights, icons, and subtle interface elements.
- Backgrounds
Dominates app screens, website backgrounds, and dashboard UIs.
- Text
White and silver are used for primary and secondary text on dark surfaces.
- Semantic
Green signals success, yellow for warnings, red for errors, and blue for informational messages.
Xbox color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Xbox brand color is Xbox Green, with the hex code #107C10.
Xbox Green (#107C10) in RGB is (16, 124, 16) and in CMYK is (87, 0, 87, 51).
Xbox uses #0E0E10 (Xbox Black), #1A1A1A (Xbox Dark Gray), and #A6A6A6 (Xbox Silver) as its main dark and neutral UI tones.
Use Xbox Green (#107C10) for branding and key actions, with black and gray tones for backgrounds and surfaces to ensure contrast and accessibility.
The secondary color is Xbox White, #FFFFFF, and the accent is Xbox Silver, #A6A6A6. 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 Xbox's colors consistently when it generates UI.
Make something in the spirit of Xbox
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.