X Colour Palette

About this palette

This X palette is a practical, brand-inspired reference for visual research, mood boards and comparative design work. The colours shown are #000000, #FFFFFF, #71767B.

Use the palette to study how a recognisable social platform can combine a dominant identity colour with neutrals and supporting accents. It is an inspiration resource rather than an official brand-guideline specification, so check the brand owner's current standards before production use.

You can also explore related company palettes, 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: #000000;
  --palette-colour-2: #FFFFFF;
  --palette-colour-3: #71767B;
}