Green and red color palettes

Green and red are about 118° apart on the color wheel, close to a triadic relationship: clearly different, but less of a clash than true opposites. Pairings like this feel lively and balanced, and they leave room for a third hue or a neutral to tie them together.

In practice, green reads as growth, health and "success", and spans fresh to deep, while red brings urgency and is best kept to calls to action and highlights. The palettes below combine both families, strongest matches first; open any of them to see its contrast matrix and copy the hex codes, CSS variables or Tailwind config.

One caution: green and red are among the pairs people with color vision deficiencies confuse most. Never use them as the only difference between two states (such as error and success); separate them in lightness as well, and check the palette in the color blindness simulator.