Colour Psychology and the Colour Wheel
Learn how colours relate to each other, how people may read them, and feel every idea yourself by playing with the controls below.
The colour wheel explains how colours relate to one another. Colour psychology helps us understand how those colours may be perceived by people. In design, the two work together. Every section below has something you can touch and change.
The Interactive Colour Wheel
The traditional artist wheel starts with three primary colours: red, yellow and blue. Mixing them gives secondary colours (orange, green, violet) and then tertiary colours, making 12 positions. Click any slice, then pick a harmony to see which colours work with it.
Note: the wheel above is the traditional RYB model used in art education. Screens mix light (RGB) and printers use inks (CMYK), so their mixing behaviour is different.
Warm Colours and Cool Colours
Warm colours (red, orange, yellow) suggest fire, sunlight and energy. Cool colours (green, blue, violet) suggest water, sky and calm. Slide from warm to cool and watch the mood change.
These are tendencies, not laws. A bright blue can feel energetic and a dark red can feel serious.
What Each Colour May Communicate
Click a colour to read its common associations. Then see how the very same green changes meaning depending on context.
Context changes meaning
This is one deep green. Choose a context and see how the brain reads it differently.
Hue, Saturation and Value Lab
Hue is the colour family. Saturation is how intense it is. Value is how light or dark it is. Move the sliders and also test whether the text stays readable.
Readable or not?
A design can have beautiful colours and still fail if the text and background do not have enough contrast.
Call to actionColour Psychology Laboratory
Pick a mood, then adjust saturation and brightness. Notice how the same palette feels louder, softer, lighter or heavier.
Visual hierarchy
Colour changes the atmosphere of this composition.
AccentThis preview is an illustration. It does not measure emotional responses or guarantee that every audience reads a palette the same way.
Design a Thriller Poster
Goal: mystery, tension and danger. A muted blue world with one small red accent works well. Change the controls and see when the poster stops feeling like a thriller and starts feeling like an action movie.
How to Choose a Palette
Tick each step as you go through it in your own project.
Common Mistakes
Assuming every colour has one universal meaning
Red can communicate love, danger, celebration or urgency. Context matters.
Using too many saturated colours
Multiple intense colours compete for attention and weaken hierarchy.
Choosing colour before understanding the purpose
A beautiful palette may still be wrong for the audience or message.
Ignoring contrast
Harmonious colours with unreadable text still fail. Use the lab in Part 4 to check.
Treating harmony as a guarantee of effectiveness
A complementary palette may look attractive and still fail to communicate the intended message.
Ignoring cultural context
Colour associations vary across communities, traditions and personal experiences.
Using colour as the only way to give essential information
Support colour with text, shape or icons so everyone can understand, including people with colour vision differences.
Four Things Working Together
Do not only ask which colours look good together. Ask which combination will communicate the right meaning, create the right visual experience and help this audience understand the design.
READY TO MAKE
SOMETHING HAPPEN?
Have a project, idea, or challenge? Tell us what you want to achieve. Let's start with a conversation.
