GeezerVison

{{Font color}}, or its redirect {{Font colour}}, can also be used.

{{Font colour|fontcolour|backgroundcolour|Your text here}}

{{font color|red|This text is different}}

{{font color|red|yellow|This text is different}}

{{font color||yellow|This text is different}}

Wikipedia uses this colour scheme on its Main Page and, for the final row, on the Community Portal.

Additional 3-colour palettes using this same generation scheme are at the top of the talk page. In the Monobook skin, the background colour of Wikipedia pages is #F8FCFF. In the Vector 2022 skin, the background colour on all pages in light mode is #FFFFFF.

The Wikimedia Commons uses this colour scheme on commons:Main Page and commons:Help:Contents. Differing from the English Wikipedia, Commons does not use an extra, darker colour for bordering the header. Also, the colour sets are not derived from a hue the way the above table does.

The Wikimedia Foundation Design team has provided a colour palette with colours being marked toward level AA conformance. It is used for all user-interface elements across products and in the main Wikimedia themes, desktop and mobile. However, it does not consider linked text.

Approximately 1 in 12 men and 1 in 200 women with Northern European ancestry have red-green colour blindness; this and other types affect people worldwide.^[2] This table shows "safe" groups of colours which are distinguishable to most colour-blind people, although colour should never be used as the sole method to convey information.

See also Commons:Commons:Creating accessible illustrations for colour-blind friendly palettes.

• Pick a maximum of one colour from each column. Do not use more than one colour from any one column.
• Use large expanses of the colour. If you're colouring text, use bold and a large font.
• For small expanses of colour, such as thin lines, clearly label them with text, or use non-colour techniques such as font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, checkers or polka-dots).
• Use bright mid-range colours, like children's crayons. Do not use light or dark variants of the colours.
• If you need more colours... hard luck. Instead use non-colour techniques such as labelling, font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, checkers or polka-dots).
• If you are colour-blind yourself, check your revised image with a colour-sighted person to confirm the meaning is intact.

The following utilities may be of use in determining whether a revised image is distinguishable to colour-blind users. Typically they take a web page or image file as an input, and render a colour-blind simulated image as output:

• Mozilla Firefox's colour-blind addons
• Sim Daltonism simulates colour blind vision and displays the results in a floating palette for macOS and iOS. Freeware.
• Color Oracle downloadable, free colour blindness simulator for Windows, Mac and Linux. Freeware.

• Codex Style Guide for Wikimedia
• Chrome color contrast debugger (with a visual guide and built-in colour-picker).
• Color contrast analyser (downloadable software for precise contrast checks; be sure to only use the up-to-date "luminosity" algorithm, and not the "color brightness/difference", which is outdated.).
• Paletton (formerly Color Scheme Designer) helps select suitable colour schemes for a graphical chart.
• Color Brewer 2.0 provides colour-blind-friendly colour schemes for maps.
• Light qualitative color scheme provides a set of nine colours that work well for colour-blind users and black text labels.
• ColorFilter simulates colour-blind vision
• Coblis Color-blindness simulator
• Firefox NoCoffee

The Wikimedia Foundation Design team has provided a color palette for AA-level contrast compliance. It is used for all user-interface elements across products and in the main Wikimedia themes, desktop and mobile. However, it does not consider linked text colour.

For AAA-compliant colour pairings for different text types (black text, white text, links, and visited links), refer to the table at Wikipedia:Manual of Style/Accessibility/Colors. For named CSS-based text colours on a white background, refer to Wikipedia:Manual of Style/Accessibility/CSS colors for recommended colours

• To colour text and background:
  • Template:Font color
• To provide example squares of colour:
  • Template:Color sample
  • Template:Swatch
  • Template:Swatch inline

• Wikipedia:Manual of Style/Accessibility § Color
• Wikipedia:Manual of Style/Accessibility/Colors
• Help:How to reduce colors for saving a JPEG as PNG
• Help:Link color
• Help:Displaying a formula § Color
• Wikipedia:Infobox colours – inactive
• Wikipedia:WikiProject Usability/Color – inactive

• Wikipedia:Manual of Style/Text formatting § Color
• Wikipedia:Template standardisation
• Wikipedia:WikiProject Color

• Colour picker
• Web colours

• Lists of colours
• Template that list colours
  • {{Colornames}}
  • {{Formula Supported Named Colors}}
  • {{X11 color chart}}
  • {{Web Colors}}