Xbox Colour Palette

About this palette

You can also explore related logo colours, open the palette in the colour tool, or compare it with articles that use similar colour ideas.

Colours in this palette

Click any colour to copy the HEX value, or open the full palette in the colour tool to test harmonies, contrast and CSS export options.

How to use this palette

• For inspiration: use this as a brand-style reference rather than official brand guidance.
• For mood boards: compare the bright colours with the neutral colours to understand how the identity creates contrast.
• For design systems: test contrast before using any colour combination for text, buttons or interface components.

CSS colour variables

Copy these variables into your stylesheet or design system.

:root {
  --palette-colour-1: #107C10;
  --palette-colour-2: #FFFFFF;
  --palette-colour-3: #000000;
  --palette-colour-4: #7FBA00;
}