Designers divide the color wheel into a warm half and a cool half. The split is cultural and perceptual rather than physical, but it is remarkably consistent and useful.
Warm colors
Reds, oranges and yellows — like Terracotta — are associated with fire, sunlight and energy. They tend to appear closer to the viewer, attract attention quickly and make large rooms feel more intimate.
Cool colors
Greens, blues and violets — like Petrol Blue — evoke water, sky and shade. They tend to recede visually, feel calm and are popular for finance, healthcare and technology.
Neutrals have temperature too
A gray can lean warm (toward beige) or cool (toward blue). Greige is a warm gray; slate grays are cool. Mixing warm and cool neutrals in one room or interface often looks unintentional, so choose one direction.
Borderline hues
Yellow-green and purple sit on the border. A red-violet reads warm next to blue but cool next to orange. Temperature is always relative to neighboring colors.
Balancing temperature
- Use a dominant temperature for the overall mood.
- Add a small accent from the opposite side for contrast — a warm orange button in a cool blue interface.
- Match neutral temperature to the dominant colors.
The color temperature explorer shows warmer and cooler versions of any color so you can fine-tune a palette.
