Color vs Colour: The Spelling Difference

The color vs colour question is one of the most frequently asked spelling questions in the design world. Whether you are writing copy for a branding project, coding a website, or describing a color wheel, you have probably wondered which spelling is correct. The answer is simple: both are. Color is the American English spelling, while colour is the British and Commonwealth English spelling. They mean exactly the same thing.

But while the meanings are identical, the choice between colour vs color carries real implications for professional designers, developers, and brand strategists. From CSS properties to brand guidelines to international copywriting, knowing when to use each spelling — and staying consistent — matters more than you might expect.

The Short Answer

If you are writing for an American audience, use color. If you are writing for a British, Australian, Canadian, or other Commonwealth audience, use colour. Both spellings are legitimate, and neither is more “correct” than the other. The difference is purely regional.

This rule applies to all derived forms as well: colorful vs colourful, colored vs coloured, coloring vs colouring, discoloration vs discolouration. The American versions drop the “u,” while the British versions keep it.

Historical Origins

The word entered English from the Old French colour, which itself derived from the Latin color. For centuries, English speakers used both spellings without any strong preference. Writers as prominent as Shakespeare used various spellings interchangeably — consistency in English spelling was not firmly established until the 1700s and 1800s.

The decisive split came in 1828 when Noah Webster published An American Dictionary of the English Language. Webster was a passionate advocate for simplifying English spelling, and he pushed for dropping what he saw as unnecessary letters. The “u” in colour, honour, favour, and similar words was one of his primary targets. He argued that since the Latin original was color (without the “u”), the simpler spelling was both more logical and more etymologically faithful.

British English, meanwhile, kept the French-influenced “ou” spellings. Samuel Johnson’s earlier A Dictionary of the English Language (1755) had codified “colour” as the standard, and British usage held firm. By the mid-1800s, the two traditions had fully diverged, and they remain split to this day.

Why the “U” Stuck in British English

British English retained many French-influenced spellings because of the deep historical ties between England and France following the Norman Conquest of 1066. For centuries, French was the language of the English court, and its influence on English spelling was enormous. The “ou” in colour reflects that French heritage, and changing it would have felt like erasing history to many British scholars.

Regional Usage

Here is a clear breakdown of which spelling is standard in different English-speaking regions:

• Color — United States, Philippines, Liberia
• Colour — United Kingdom, Australia, Canada, New Zealand, South Africa, India, Ireland, and most other Commonwealth nations

Canada is an interesting case. While Canadian English generally follows British conventions and uses “colour,” the proximity and cultural influence of the United States means that “color” appears frequently in Canadian writing, especially in digital and tech contexts. Many Canadian style guides accept both but recommend “colour” for formal writing.

In international organizations, usage varies. The United Nations tends toward British spellings, while many multinational corporations based in the U.S. use American spellings in their global communications.

Color vs Colour in Design and Code

For designers and developers, the color or colour question goes beyond copywriting. It directly affects how you write code, name files, and build design systems.

CSS and Web Development

In CSS, the property is color — no “u,” no exceptions. This is hardcoded into the language specification. You write color: red;, background-color: #fff;, and border-color: transparent;. Using “colour” in CSS will simply not work. The same applies to HTML attributes, JavaScript methods, and virtually every programming language: the keyword is always color.

This creates an interesting reality for British and Commonwealth developers: even if every piece of copy on a website uses “colour,” the code behind it uses “color.” Understanding the relationship between CMYK and RGB color models already requires navigating technical terminology; the spelling convention is just one more layer to manage.

Design Software

Most major design tools — Adobe Creative Suite, Figma, Sketch, Canva — use the American spelling “color” in their interfaces. Color picker, color palette, color mode, color profile — these terms appear without the “u” regardless of where you are in the world. This is largely because most of these tools were developed by American companies.

Brand Guidelines and Copy

When writing brand guidelines or design documentation, your spelling should match your audience. A London-based agency writing guidelines for a UK client should use “colour” throughout. A New York agency should use “color.” The important thing is consistency — mixing spellings within a single document undermines the professionalism that strong brand identity requires.

When defining colors in brand guides, many teams rely on objective identifiers like hex codes, Pantone numbers, or RGB values to avoid ambiguity entirely. Whether you call it a “colour palette” or “color palette,” #2C3E50 means the same thing everywhere.

When Spelling Matters

There are several situations where the colour or color spelling choice is more than cosmetic:

• SEO and content marketing — If your target audience searches for “colour psychology” (common in the UK), your content should use that spelling. American audiences search for “color psychology.” Using the wrong regional spelling can cost you search traffic.
• Client deliverables — Matching your client’s regional English shows attention to detail. A British client may notice and appreciate “colour” in your presentations, just as an American client expects “color.”
• Academic and formal writing — Style guides are strict about consistency. Pick one convention and use it throughout.
• Code and technical documentation — Always use “color” in code. In documentation about code, many teams still use “color” for consistency with the codebase, regardless of regional preference.

For exploring how color itself works in design — regardless of how you spell it — resources on graphic design principles and color harmony provide essential foundations.

Frequently Asked Questions

Is “color” or “colour” more correct?

Neither is more correct than the other. Both are standard, accepted English spellings. “Color” is the convention in American English, while “colour” is the convention in British and Commonwealth English. Choose based on your audience and stay consistent.

Why does CSS use “color” instead of “colour”?

CSS was developed primarily by American and international teams working within an American-dominated tech industry. Like most programming languages, it adopted American English spellings. The CSS specification uses color as a property name, and this cannot be changed to “colour” without breaking the code. This convention extends to nearly all programming languages and web standards.

Should I use “color” or “colour” in my design portfolio?

Use the spelling that matches your primary audience and professional context. If you are based in the U.S. or targeting American clients, use “color.” If you are based in the UK, Australia, or another Commonwealth country, use “colour.” If your portfolio serves an international audience, either is fine — just be consistent throughout. Good graphic design practice includes attention to language details like this.

Does the spelling differ in Pantone or other color systems?

Pantone, the global color-matching standard, uses the American spelling “color” in its official materials (e.g., Pantone Color of the Year). However, Pantone’s system relies on numbered codes, so the spelling is irrelevant to the actual color specification. The same applies to RAL, Munsell, and other standardized color systems.