Brand/colours
ColoursEdit
The Wikimedia colours consist of three different colour palettes: The Core palette, The Legacy palette and The Creative palette. We have defined our colours with specific values so you can easily implement them in your design.
The Core PaletteEdit
The Core palette consists of black and white and three shades of black: Black 25, Black 50 and Black 75. Black and White are our main colours that work well with colours in The Legacy palette and The Creative palette. The Wikimedia Foundation logo is black or white. This approach makes it flexible and easy to use in different situations.
| Color | White | Black | Black 75 | Black 50 | Black 25 |
| Hex code | FFFFFF | 000000 | 404040 | 7F7F7F | BFBFBF |
The Legacy PaletteEdit
The Legacy palette consists of the three colours closely associated with the Wikimedia movement: green, blue, and red. They can be used as background colours, title or headline colours and in branded apparel. The colours also come in versions optimised for accessibility, with AAA approved contrast for combination with white.
| Color | Green | Blue | Red | Green AAA | Blue AAA | Red AAA |
| Hex code | 396 | 0063BF | 900 | 246342 | 0C57A8 | 970302 |
The Creative PaletteEdit
The Creative palette consists of 11 colours derived from those frequently used by community groups around the world, as well as the much loved Wikipedia20 birthday colours. It's also a palette developed to complement the Legacy and Core palette, providing greater versatility in situations where many colours are needed. The red, blue and green here are slightly different from the Legacy palette as they are adjusted for AA approval.
The Creative palette includes both strong colours and lighter shades. The lighter shades can be useful when there is a need for a more subtle expression.
Strong coloursEdit
| Color | Red | Pink | Orange | Yellow | Purple | Dark green |
| Hex code | 970302 | E679A6 | EE8019 | F0BC00 | 5748B5 | 305D70 |
| Color | Blue | Bright Blue | Bright Yellow | Green | Bright Green | - |
| Hex code | 0E65C0 | 049DFF | E9E7C4 | 308557 | 71D1B3 | - |
Light coloursEdit
| Color | Red | Pink | Orange | Yellow | Purple | Dark green |
| Hex code | E5C0C0 | F9DDE9 | FBDFC5 | FBEEBF | D5D1EC | CBD6DB |
| Color | Blue | Bright Blue | Bright Yellow | Green | Bright Green | - |
| Hex code | C3D8EF | C0E6FF | F9F9F0 | CBE0D5 | DBF3EC | - |
Colour usageEdit
CombinationsEdit
For sufficient contrast, it is recommended to combine the Legacy palette and the Creative palette with black or white text. All colors except from purple, blue, green and dark green are compatible with black text. The rest should be combined with white to gain enough contrast.
Colour don’tsEdit
For accessibility reasons, it is recommended to avoid combining the strong and light colors in the Creative palette on text, as the contrast is not sufficient.
