Guten

Color Palette

Maroon Color Palette

Maroon is a dark, brownish-red that conveys strength, stability, and warmth. As a CSS named color, it has been a web staple since the early internet. This palette provides five variations from deep chocolate-maroon to lighter brick tones, perfect for academic institutions, traditional brands, and warm design systems.

#800000Base
#4D0000
#660000
#993333
#B35959
#CC8080
Open in Palette Generator

Color Values

#800000rgb(128, 0, 0)hsl(0, 100%, 25%)
#4D0000rgb(77, 0, 0)hsl(0, 100%, 15%)
#660000rgb(102, 0, 0)hsl(0, 100%, 20%)
#993333rgb(153, 51, 51)hsl(0, 50%, 40%)
#B35959rgb(179, 89, 89)hsl(0, 37%, 53%)
#CC8080rgb(204, 128, 128)hsl(0, 43%, 65%)

Frequently Asked Questions

›What is the hex code for maroon?

The CSS named color maroon is #800000. It is a dark, brownish-red. For a richer variant, try #800020 (burgundy) or #722F37 (wine).

›What colors complement maroon?

Maroon pairs well with gold (#FFD700), cream (#FFFDD0), navy (#001F3F), teal (#008080), and silver (#C0C0C0). These create strong, classic combinations.

›Is maroon a warm or cool color?

Maroon is a warm color. Its red-brown base places it firmly on the warm side. Unlike burgundy, which has cool purple undertones, maroon is straightforwardly warm.

maroon palettemaroon color schememaroon shadesmaroon hex codedark red brown palette