Lesson 1 of 5 · 15 min · Free
Color theory basics: the color wheel, harmonies and temperature
Learn color theory basics: hue, saturation and value, the color wheel, five color harmonies, the 60-30-10 rule and how warm and cool colors change mood.
Most color problems in an image come from one of two things: too many colors fighting for attention, or colors picked one at a time with no plan. Color theory is the plan. You don't need to memorize anything fancy. You need a mental map (the color wheel), a few reliable recipes (harmonies) and one extra dial (temperature). This lesson covers all three, with examples you can use whether you paint, design or write prompts for an AI image model.
The three properties of a color
Every color can be described with three words:
- Hue is the color family: red, yellow, blue-green and so on.
- Saturation (also called chroma or intensity) is how pure or vivid the color is. Fire-engine red is highly saturated. Dusty brick red is not.
- Value is how light or dark the color is, from near-white to near-black.
A navy suit and a baby-blue sweater are both "blue," and they feel nothing alike. Keep all three properties in mind and you'll start to see why some palettes feel calm and others feel loud.
The color wheel
The color wheel arranges hues in a circle so you can see how they relate. Isaac Newton published one of the first circular color diagrams in his 1704 book Opticks, and artists have used versions of it ever since.
The traditional painter's wheel starts with three primary colors: red, yellow and blue. Mix two primaries and you get the secondary colors: orange, green and purple. Mix a primary with a neighboring secondary and you get six tertiary colors, like red-orange and blue-green. That makes twelve hues around the circle.
Screens mix light, so their primaries are red, green and blue (RGB). Printers use cyan, magenta, yellow and black (CMYK). The relationships below work on any wheel, so use one and stay consistent.
Five color harmonies that work
A color harmony is a set of hues chosen by their positions on the wheel. Treat these as starting recipes, not rules.
Complementary
Two colors directly opposite each other, like blue and orange or red and green. Complements give the strongest contrast, which is why so many movie posters lean on teal and orange. Let one color lead and use the other as an accent, or they'll compete.
Analogous
Three or so neighbors on the wheel, like yellow, yellow-orange and orange. Analogous palettes feel unified and calm. Think of a sunset or an autumn forest.
Split-complementary
A base color plus the two colors on either side of its complement. Blue with yellow-orange and red-orange is one example. You get most of the punch of a complementary scheme with less tension, so it's a forgiving choice when you're starting out.
Triadic
Three colors evenly spaced around the wheel, like red, yellow and blue, or orange, green and purple. Triads feel lively and playful. They work best when one color dominates and the other two appear in smaller amounts.
Monochromatic
One hue in many values and saturations, like a range of blues from pale sky to deep ink. Monochromatic images are hard to get wrong, and they force you to rely on light and dark, which is the subject of a later lesson in this course.
Proportion matters as much as the recipe
Even a good harmony looks messy if every color takes up the same amount of space. A handy guideline borrowed from interior design is 60-30-10: a dominant color covers about 60 percent of the image, a secondary color about 30 percent and an accent the last 10 percent. In a teal-and-orange portrait, teal might fill the background and shadows while orange appears only on the skin and a single lamp.
Color temperature
Reds, oranges and yellows read as warm. Blues, greens and violets read as cool. Temperature is relative, though. A reddish purple looks warm next to blue and cool next to orange.
Temperature does three useful jobs:
- Mood. Warm palettes feel cozy, energetic or nostalgic. Cool palettes feel calm, quiet or lonely.
- Depth. Warm, saturated colors tend to come forward, and cool, muted colors tend to fall back. Landscape painters make distant hills bluer and paler to push them away, an effect called atmospheric perspective.
- Light and shadow. Under warm light, shadows usually look cooler, and under cool light they look warmer. A snowy field at sunset has orange highlights and blue-violet shadows. Painting shadows as a plain darker version of the lit color is a common reason images look dull.
Using color theory in AI prompts
Image models respond well to specific color language. "Colorful" tells the model almost nothing. "A muted analogous palette of olive, mustard and rust" tells it a lot. A few habits help:
- Name the harmony and the actual colors: "complementary palette, deep teal background, warm orange lamplight."
- Describe the light and the shadows separately: "warm golden light, cool blue shadows."
- Say how saturated you want it: "pastel," "vivid," "desaturated" or "muted earth tones."
- Ask for restraint when you need it: "a limited palette of three colors."
A quick palette check
Before you call an image finished, ask three questions. Which color is dominant? Where is the accent, and is it where you want the viewer to look? Do the shadows have a temperature, or are they just gray? If you can answer all three, your color is working on purpose instead of by accident.
Practice
Pick one simple subject, such as a coffee cup on a wooden table, and make three versions of it: one complementary (blue and orange), one analogous (yellows through oranges) and one monochromatic (greens only). Before each one, decide which color gets roughly 60 percent of the image, which gets 30 and which small accent gets 10. If you're working with AI, keep the rest of your prompt word for word the same so only the palette changes. Put the three side by side and write one sentence about the mood of each.