Red sits at 0° on the colour wheel and has the longest wavelength the eye registers. The CSS keyword red is #FF0000, fully saturated — which is why almost every red palette steps away from it. Copy the HEX codes from any scheme below, or build your own harmonious red palette around a base colour with the generator.
Classic Red holds one hue, 350°–352°, and moves only in lightness, making it the most controlled of the three. Warm Red swings between 339° and 12°, ending on the orange-red #DC2F02. Coral Red is the lightest and supplies the tints the others lack, #FFB3B3 and #FFF3F3.
#641220#85182A#A11D33#C71F37#DA1E37#370617#6A040F#9D0208#D00000#DC2F02#FFF3F3#FFB3B3#FF6B6B#E63946#A4161AAnchored to a red base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Red is loud enough that most palettes give it a single job — a call to action, an alert, a logo mark — and keep everything around it neutral. Cream, charcoal and warm greys are the usual ground, with gold as the accent for anything festive. The deeper members of the family are maroon and burgundy.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The generator here starts anchored to #C71F37, so the first block you copy is a set of red variations rather than a random hue. Copy JSON returns the same five values as an array for a build step or a token file, and Copy HEX returns them as a plain comma-separated line. Lock any swatch you want to keep before generating again and it survives into the next export.More palettes: Maroon palette · Burgundy palette · Rust palette · all colours