Color Temperature Explorer
Explore warm, cool and neutral color temperatures across the full spectrum. See how the same hue family feels warmer or cooler, and understand color psychology at a glance.
Temperature Spectrum
Click any color below to sample it. Warm hues are 0°–60° and 300°–360°; cool hues are 160°–300°; neutral hues are 60°–160°.
Temperature Groups
What Is Color Temperature?
Color temperature is a way of describing how "warm" or "cool" a color feels. Warm colors (reds, oranges, yellows) evoke heat, energy and closeness. Cool colors (blues, greens, purples) evoke calm, space and distance. Neutral colors (yellow-greens) sit in the middle.
The concept comes from painting but is now fundamental in design, photography, branding and film. On the color wheel, warm hues sit roughly between 300°–60° and cool hues between 160°–300°, with the 60°–160° range considered neutral.
Warm vs Cool — Visual Effects
- Warm colors advance: They appear closer and draw the eye first. Ideal for CTAs, alerts and highlights.
- Cool colors recede: They appear farther and feel calmer. Ideal for backgrounds, body text and secondary content.
- Neutral colors balance: Greens and yellow-greens can feel warm or cool depending on saturation and context.
- Combined: A cool base with warm accents is one of the most powerful color strategies in modern design.
How to Use This Explorer
- Click any color in the temperature spectrum to sample it.
- The swatch area shows the color's HEX, hue, and temperature classification.
- Explore the three temperature groups (warm, neutral, cool) below.
- Click any swatch to copy its HEX value.