Jordan Colour Palette

About this palette

Jordan uses a national colour palette that can be explored as a design reference for articles, graphics, sporting events, presentations and creative projects.

Black, white, green and red create a rich, high-contrast national set.

You can also explore related flag 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 events: use the flag colours for themed graphics, banners, decorations and campaign materials.
• For design: balance strong national colours with white space so the result feels clean rather than overpowering.
• For accessibility: check contrast before placing text over any strong flag colour.

CSS colour variables

Copy these variables into your stylesheet or design system.

:root {
  --palette-colour-1: #000000;
  --palette-colour-2: #FFFFFF;
  --palette-colour-3: #007A3D;
  --palette-colour-4: #CE1126;
}