Sign Up Sign Up
Maroon Gorge

Maroon Gorge

9-color palette · Warm · Dark · Analogous harmony

Back to Library

Maroon Gorge

9-color palette · Warm temperature · Dark tone · Analogous harmony

Modify
Muted 9 colors Warm Dark Analogous orange fire red redishviolet
Likes 50
Colors 9

CSS variables

:root {
  --c-muted-1: #180014;
  --c-muted-2: #220320;
  --c-muted-3: #330522;
  --c-muted-4: #4E0725;
  --c-muted-5: #6D0924;
  --c-muted-6: #B10E25;
  --c-muted-7: #DE6E0C;
  --c-muted-8: #F49C1E;
  --c-muted-9: #F8C222;
}

About this palette

This 9-color muted palette runs from Ripe Mango (#F8C222) as its lightest tone to Glossy Black (#180014) as its darkest. It blends Glossy Black, Black Sabbath, Vienna Roast, Fig Balsamic, Plum Cheese, Tango Red, Gold Orange, Burning Trail and Ripe Mango into a single set you can drop straight into a UI. Of its 36 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #180014 on #F8C222 at 12.14:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Glossy Black #180014
RGB
rgb(24, 0, 20)
HSL
hsl(310, 100%, 5%)
Luminance
0.002
Black Sabbath #220320
RGB
rgb(34, 3, 32)
HSL
hsl(304, 84%, 7%)
Luminance
0.005
Vienna Roast #330522
RGB
rgb(51, 5, 34)
HSL
hsl(322, 82%, 11%)
Luminance
0.009
Fig Balsamic #4E0725
RGB
rgb(78, 7, 37)
HSL
hsl(335, 84%, 17%)
Luminance
0.019
Plum Cheese #6D0924
RGB
rgb(109, 9, 36)
HSL
hsl(344, 85%, 23%)
Luminance
0.036
Tango Red #B10E25
RGB
rgb(177, 14, 37)
HSL
hsl(352, 85%, 37%)
Luminance
0.098
Gold Orange #DE6E0C
RGB
rgb(222, 110, 12)
HSL
hsl(28, 90%, 46%)
Luminance
0.267
Burning Trail #F49C1E
RGB
rgb(244, 156, 30)
HSL
hsl(35, 91%, 54%)
Luminance
0.431
Ripe Mango #F8C222
RGB
rgb(248, 194, 34)
HSL
hsl(45, 94%, 55%)
Luminance
0.587

Contrast & accessibility

14 of 36 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #180014 on #F8C222 12.14:1 AAA
Aa #220320 on #F8C222 11.55:1 AAA
Aa #330522 on #F8C222 10.74:1 AAA
Aa #4E0725 on #F8C222 9.22:1 AAA
Aa #180014 on #F49C1E 9.17:1 AAA
Aa #220320 on #F49C1E 8.73:1 AAA
Aa #330522 on #F49C1E 8.11:1 AAA
Aa #6D0924 on #F8C222 7.42:1 AAA
Aa #4E0725 on #F49C1E 6.97:1 AA
Aa #180014 on #DE6E0C 6.05:1 AA
Aa #220320 on #DE6E0C 5.76:1 AA
Aa #6D0924 on #F49C1E 5.61:1 AA
Aa #330522 on #DE6E0C 5.35:1 AA
Aa #4E0725 on #DE6E0C 4.59:1 AA
Aa #B10E25 on #F8C222 4.30:1 AA Large
Aa #6D0924 on #DE6E0C 3.70:1 AA Large
Aa #B10E25 on #F49C1E 3.25:1 AA Large
Aa #180014 on #B10E25 2.82:1 Fail
Aa #220320 on #B10E25 2.69:1 Fail
Aa #330522 on #B10E25 2.50:1 Fail
Aa #4E0725 on #B10E25 2.14:1 Fail
Aa #B10E25 on #DE6E0C 2.14:1 Fail
Aa #DE6E0C on #F8C222 2.01:1 Fail
Aa #6D0924 on #B10E25 1.73:1 Fail
Aa #180014 on #6D0924 1.63:1 Fail
Aa #220320 on #6D0924 1.56:1 Fail
Aa #DE6E0C on #F49C1E 1.52:1 Fail
Aa #330522 on #6D0924 1.45:1 Fail
Aa #180014 on #4E0725 1.32:1 Fail
Aa #F49C1E on #F8C222 1.32:1 Fail
Aa #220320 on #4E0725 1.25:1 Fail
Aa #4E0725 on #6D0924 1.24:1 Fail
Aa #330522 on #4E0725 1.16:1 Fail
Aa #180014 on #330522 1.13:1 Fail
Aa #220320 on #330522 1.08:1 Fail
Aa #180014 on #220320 1.05:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors