Warm and Cool Color Palette
This palette organises colour by temperature: warm hues on one side, cool on the other, with a neutral in the middle. It is a composition tool before it is a harmony.
Example palette
Fire#E4572E
Amber#F3A712
Neutral#F5F0E1
Ocean#3A86C8
Abyss#12355B
Hex codes ready to copy
Temperature creates depth
Warm colours advance, cool colours recede. Combining both gives you a foreground and a background without touching size or shadow. Illustrators have used this forever; in interfaces it helps separate active from passive content.
How to use it
Pick one dominant temperature for the whole page and keep the other for whatever must stand out. A cool background with warm calls to action is a combination that works almost every time.
Generate my palette warm & cool
Free, no signup