Most people recognise a colour wheel, but don't necessarily understand how it works. In this guide to colour wheel combinations, we’ll explain what the colour wheel is, its technical foundations, its rich history, and most importantly, how to use it strategically for your creative projects.
The colour wheel is a visual tool that represents colours in an organised, systematic way. Whilst some modern colour wheels contain more nuances and variations, the traditional colour wheel comprises 12 primary colours:
The colour wheel also shows important colour relationships – complementary, analogous and triadic combinations – that form the foundation of effective colour harmony.
Understanding the science behind the colour wheel becomes clearer when you know its origins.
The concept of organising colours dates to Ancient Greece, but it was scientist and colour theorist Isaac Newton who developed the first circular representation of colours in the 17th century. After passing light through a prism, Newton observed that white light breaks down into seven distinct colours.
He then arranged these colours in a circle to show the relationships between them – establishing the scientific foundation for the colour wheel. This breakthrough demonstrated that colour is not arbitrary; it follows mathematical and optical principles.
In the 18th century, painter and theorist Moses Harris developed a more complex version of the colour wheel, incorporating primary, secondary and tertiary colours.
Harris was among the first to use the colour wheel to demonstrate colour relationships, particularly complementary colours – colours that sit opposite each other on the wheel and enhance each other when combined.
In the 19th century, painter and colour theorist Albert Munsell proposed a three-dimensional version of the colour wheel, known as the Munsell colour solid.
This innovation represented not only hues (colours), but also value (lightness/darkness) and saturation (colour intensity/purity). This three-dimensional approach provided a more comprehensive way of understanding colour relationships and was revolutionary for artists and designers.
Today, the colour wheel is a fundamental tool used across creative industries – art, graphic design, branding, marketing, interior design, fashion and more. It helps us understand how colours interact and how to combine them harmoniously.
Digital tools like Adobe Colour have made the colour wheel more accessible and interactive, allowing real-time colour exploration and palette generation.
The colour wheel is typically structured with 12 colours, though more detailed variations may include additional hues. These 12 colours divide into three primary categories, plus several important colour relationship concepts:
Definition. Red, blue and yellow are the three primary colours. They cannot be created by mixing other colours, and all other colours derive from these three fundamental hues.
Positioning: Primary colours are positioned equidistantly around the wheel, creating equal spacing that reflects their foundational role.
Key principle: Understanding primary colours is essential – they form the basis of all other colours and colour combinations.
Definition. Secondary colours are created by mixing two primary colours:
Positioning. Secondary colours sit between primary colours on the wheel, creating a logical visual structure.
Application: Secondary colours are more varied than primaries but maintain the foundational colour principles.
Definition. Tertiary colours are created by mixing a primary colour with a secondary colour. This creates six tertiary hues:
Naming. Tertiary colours are named with hyphenated compound names (red-orange, blue-green) reflecting their dual parentage.
Application. Tertiary colours provide subtlety and sophistication, offering more nuanced options than primary or secondary colours alone.
Definition. Complementary colours are positioned directly opposite each other on the colour wheel.
Examples:
Visual effect. When placed side by side, complementary colours create strong contrast and reinforce each other's vibrancy. They make each colour appear more intense and saturated.
Practical applications.
Design principle. Use complementary colours when you want maximum contrast and visual interest. They work well in advertising, branding and calls-to-action.
Definition. Analogous colours sit adjacent to each other on the colour wheel, typically 2–3 colours positioned next to one another.
Examples:
Visual effect. Analogous colours share similar characteristics and create harmonious, cohesive combinations. They feel natural and pleasing to the eye.
Practical applications.
Design principal. Use analogous colours when you want visual harmony, flow and sophistication. They're ideal for interior design, wellness branding and peaceful compositions.
Definition. Triadic colours are three colours positioned equidistantly around the colour wheel, forming an equilateral triangle.
Examples:
Visual effect. Triadic combinations are vibrant and balanced – offering visual interest without the harsh contrast of complementary pairings. They're energetic yet harmonious.
Practical applications.
Design principle. Use triadic colours when you want energy and balance. They're excellent for brands that need personality without a harsh clash of colour.
Definition. Tetradic colours consist of four colours positioned evenly around the wheel, forming a square or rectangle.
Visual effect: These combinations offer richness and complexity whilst maintaining balance through even spacing.
Practical applications.
The colour wheel can be divided into two temperature groups:
Design application. Combine warm and cool colours strategically:
Chromatic colours are all colours with hue – they appear on the colour wheel and carry colour information. Examples include red, blue, green and orange.
Achromatic colours are colours without hue – they exist outside the colour wheel. These include:
Design principle. Achromatic colours provide foundation and balance. Use them as backgrounds, neutrals and contrast elements to let chromatic colours shine.
To effectively use the colour wheel, you need to understand colour relationships and how to combine them strategically.
Here's a step-by-step approach to using the colour wheel and understanding colour wheel combinations:
Before selecting colours, clarify the emotional atmosphere your project should convey. Ask yourself:
Colour guidance:
Select one primary colour that will be most prominent in your design. This colour sets the foundation and should align with your project's tone and brand identity.
Questions to guide selection:
Once selected, use the colour wheel to explore supporting colours around it.
Use colour wheel relationships to select harmonious supporting colours:
For complementary contrast: Choose the colour directly opposite your dominant colour. This creates striking visual interest and emphasis. Use this approach when you need high contrast and attention-grabbing impact.
For harmonious unity: Select analogous colours – those adjacent to your dominant colour on the wheel. These create visual flow and cohesion. Use this approach for sophisticated, unified designs.
For balanced energy: Apply triadic colours – your dominant colour plus two others evenly spaced on the wheel. This creates vibrancy with equilibrium. Use this approach for dynamic designs that need multiple distinct colours.
Experiment with multiple combinations before finalising your palette. Tips for effective testing:
Playing with the colour wheel can mean the difference between a bland visual and an effective, impactful design.
Several digital tools help you apply colour wheel principles effectively. Here's how to use the most powerful ones:
Pro tip: Use the camera icon to extract colours from photographs or uploaded images – perfect for creating palettes inspired by real-world references.
The colour wheel is a visual representation of how colours relate to each other, organised in a circle showing colour relationships and harmony. It's important because it:
Understanding the colour wheel is fundamental to effective design, branding and visual communication.
Chromatic refers to colours that have hue – colours that appear on the colour wheel with distinct colour properties. Examples include red, blue, green, orange and yellow.
Chromatic colours are all hues with colour information. They can be:
The opposite of chromatic colours are achromatic colours (black, white, grey) – colours without hue that exist outside the colour wheel.
The traditional 12-colour chromatic circle comprises:
Primary colours (3):
Secondary colours (3):
Tertiary colours (6):
This 12-colour structure balances simplicity with comprehensive colour representation, making it ideal for both artists and designers.
To create a colour palette using the colour wheel, follow this step-by-step process:
Tools like Adobe Colour streamline this process by providing instant colour suggestions based on wheel principles.
There are a few key differences between the colour wheel and the Munsell colour system, best seen in comparison:
Colour wheel:
Munsell colour system:
While the colour wheel is ideal for design and harmony decisions, the Munsell system is used when precise colour specification matters (professional printing, colour matching, etc.).
To use the colour wheel for interior design, consider the following:
Pro tip: Use Adobe Colour to extract colours from furniture or art pieces you love, then build your palette around those reference colours.
Based on your location, we think you may prefer the United States website, where you'll get regional content, offerings, and pricing.
