All colors have a warmth value assigned to them, which can be classified as warm or cool.

Warm colors range between red and yellow, which include various versions of those colors in addition to orange. This also comprises colors such as brown and tan. These are considered to be “warm” colors in that they evoke a sense of warmth. For instance, fire is associated with warmth, and it typically burns between the spectrum of reds and yellows. Warm colors can also promote a feeling of aggression and are considered bold.

In the style.css file, we’ve created a layout consisting of five blocks. Let’s explore warm colors by creating a spectrum of them within the browser.

Note: We’ll be using HSL color properties to adjust our colors. You can refer to this list of HSL color codes if you want to discover more.