Master the colour wheel and use colour harmonies effectively

What is the colour wheel?

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:

• 3 primary colours: Red, blue and yellow (colours that cannot be created by mixing others)
• 3 secondary colours: Green, orange and violet (created by mixing two primary colours)
• 6 tertiary colours: Red-orange, yellow-orange, yellow-green, blue-green, blue-violet and red-violet (created by mixing a primary and secondary colour)

The colour wheel also shows important colour relationships – complementary, analogous and triadic combinations – that form the foundation of effective colour harmony.

The history of the colour wheel.

Understanding the science behind the colour wheel becomes clearer when you know its origins.

From Ancient Greece to Isaac Newton.

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.

18th-century developments.

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.

The Munsell colour system.

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.

The colour wheel today.

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.

Understanding colour wheel colours and relationships.

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:

Primary colours.

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.

Secondary colours

Definition. Secondary colours are created by mixing two primary colours:

• Red + Yellow = Orange
• Yellow + Blue = Green
• Blue + Red = Violet

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.

Tertiary colours.

Definition. Tertiary colours are created by mixing a primary colour with a secondary colour. This creates six tertiary hues:

• Red + Orange = Red-orange
• Yellow + Orange = Yellow-orange
• Yellow + Green = Yellow-green
• Blue + Green = Blue-green
• Blue + Violet = Blue-violet
• Red + Violet = Red-violet

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.

Complementary colours.

Definition. Complementary colours are positioned directly opposite each other on the colour wheel.

Examples:

• Blue and orange
• Red and green
• Yellow and violet

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.

• Creating visual impact and attention
• Building dynamic, energetic designs
• Emphasising key design elements
• Creating high-contrast interfaces for accessibility

Design principle. Use complementary colours when you want maximum contrast and visual interest. They work well in advertising, branding and calls-to-action.

Analogous colours.

Definition. Analogous colours sit adjacent to each other on the colour wheel, typically 2–3 colours positioned next to one another.

Examples:

• Blue, blue-green and green
• Red, red-orange and orange
• Yellow, yellow-green and green

Visual effect. Analogous colours share similar characteristics and create harmonious, cohesive combinations. They feel natural and pleasing to the eye.

Practical applications.

• Creating harmonious, calming designs
• Building visual coherence and unity
• Developing sophisticated colour palettes
• Nature-inspired and serene design schemes

Design principal. Use analogous colours when you want visual harmony, flow and sophistication. They're ideal for interior design, wellness branding and peaceful compositions.

Triadic colours.

Definition. Triadic colours are three colours positioned equidistantly around the colour wheel, forming an equilateral triangle.

Examples:

• Red, yellow and blue (primary triadic)
• Orange, green and violet (secondary triadic)

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.

• Creating dynamic, balanced designs
• Developing playful, energetic visual identities
• Building multi-colour branding systems
• Engaging children's media and entertainment

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.

Tetradic (or square) colours.

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.

• Complex, multi-colour branding systems
• Diverse colour palettes with sophistication
• Design projects requiring multiple distinct colours

Colour temperature.

The colour wheel can be divided into two temperature groups:

• Warm colours. Red, orange and yellow – associated with heat, energy, excitement and warmth. In colour theory, warm colours feel vivid, energetic, and cozy.
• Cool colours. Blue, green and violet – associated with coolness, calmness, peace and tranquillity. Psychologically, cool colours feel serene, calming and restful.

Design application. Combine warm and cool colours strategically:

• Use predominantly warm colours for energetic, welcoming spaces
• Use predominantly cool colours for calm, professional environments
• Mix warm and cool for balance and sophistication