Flag Colours

South Africa Colour Palette

South Africa flag colour palette with hex codes for design, articles and colour inspiration.

Open the colour tool

About this palette

The South Africa palette gives you a practical colour combination for design, styling and creative work. It can be used for mood boards, websites, interiors, presentations, graphics and brand exploration.

The colours included are #007A4D, #FFB81C, #DE3831, #000000, #FFFFFF, #1A1F71.

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.

Base colour

Supporting colour

Blue field

Blue

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: #007A4D;
  --palette-colour-2: #FFB81C;
  --palette-colour-3: #DE3831;
  --palette-colour-4: #000000;
  --palette-colour-5: #FFFFFF;
  --palette-colour-6: #1A1F71;
  --palette-colour-7: #002395;
}