Named after the chestnut
Maroon comes from the French marron, chestnut. The CSS keyword maroon is #800000: red at half strength with no green or blue, so it leans brown rather than purple.
Maroon, burgundy and brick
- Maroon is brownish dark red.
- Burgundy leans purple. See burgundy.
- Brick is lighter and more orange.
Styling maroon
Maroon is a classic school and sports color. It pairs with gold, cream, gray and navy, and works well in autumn palettes with mustard and olive.
On screen
Maroon passes WCAG AAA with white text. It is dark enough for headers, footers and buttons. For related tones, browse shades of red and crimson, or use the shades generator for lighter tints.