Sign Up Sign Up
If It Ain't Baroque, Don't Fix It

If It Ain't Baroque, Don't Fix It

10-color palette · Warm · Dark · Analogous harmony

Back to Library

If It Ain't Baroque, Don't Fix It

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

Modify
Muted 10 colors Warm Dark Analogous green orange red sepia
Likes 142
Colors 10

CSS variables

:root {
  --c-muted-1: #2D0E03;
  --c-muted-2: #860210;
  --c-muted-3: #7F3A28;
  --c-muted-4: #A54E14;
  --c-muted-5: #4A3F0C;
  --c-muted-6: #6C5F17;
  --c-muted-7: #8A8E55;
  --c-muted-8: #8B805D;
  --c-muted-9: #BB9E7F;
  --c-muted-10: #EBEAB2;
}

About this palette

This 10-color muted palette runs from Steamy Dumpling (#EBEAB2) as its lightest tone to Root Brew (#2D0E03) as its darkest. It blends Root Brew, Red Devil, Roycroft Copper Red, Brandy Bear, Alligator Gladiator, Greenish Brown, Crocodile Smile, Canyon Verde, Carton and Steamy Dumpling into a single set you can drop straight into a UI. Of its 45 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2D0E03 on #EBEAB2 at 14.41:1.

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

Color breakdown

Root Brew #2D0E03
RGB
rgb(45, 14, 3)
HSL
hsl(16, 88%, 9%)
Luminance
0.009
Red Devil #860210
RGB
rgb(134, 2, 16)
HSL
hsl(354, 97%, 27%)
Luminance
0.052
Roycroft Copper Red #7F3A28
RGB
rgb(127, 58, 40)
HSL
hsl(12, 52%, 33%)
Luminance
0.077
Brandy Bear #A54E14
RGB
rgb(165, 78, 20)
HSL
hsl(24, 78%, 36%)
Luminance
0.135
Alligator Gladiator #4A3F0C
RGB
rgb(74, 63, 12)
HSL
hsl(49, 72%, 17%)
Luminance
0.050
Greenish Brown #6C5F17
RGB
rgb(108, 95, 23)
HSL
hsl(51, 65%, 26%)
Luminance
0.114
Crocodile Smile #8A8E55
RGB
rgb(138, 142, 85)
HSL
hsl(64, 25%, 45%)
Luminance
0.254
Canyon Verde #8B805D
RGB
rgb(139, 128, 93)
HSL
hsl(46, 20%, 45%)
Luminance
0.217
Carton #BB9E7F
RGB
rgb(187, 158, 127)
HSL
hsl(31, 31%, 62%)
Luminance
0.366
Steamy Dumpling #EBEAB2
RGB
rgb(235, 234, 178)
HSL
hsl(59, 59%, 81%)
Luminance
0.797

Contrast & accessibility

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

Aa #2D0E03 on #EBEAB2 14.41:1 AAA
Aa #4A3F0C on #EBEAB2 8.44:1 AAA
Aa #860210 on #EBEAB2 8.35:1 AAA
Aa #2D0E03 on #BB9E7F 7.07:1 AAA
Aa #7F3A28 on #EBEAB2 6.68:1 AA
Aa #2D0E03 on #8A8E55 5.17:1 AA
Aa #6C5F17 on #EBEAB2 5.16:1 AA
Aa #A54E14 on #EBEAB2 4.58:1 AA
Aa #2D0E03 on #8B805D 4.54:1 AA
Aa #4A3F0C on #BB9E7F 4.14:1 AA Large
Aa #860210 on #BB9E7F 4.09:1 AA Large
Aa #7F3A28 on #BB9E7F 3.27:1 AA Large
Aa #8B805D on #EBEAB2 3.17:1 AA Large
Aa #2D0E03 on #A54E14 3.15:1 AA Large
Aa #4A3F0C on #8A8E55 3.03:1 AA Large
Aa #860210 on #8A8E55 3.00:1 AA Large
Aa #2D0E03 on #6C5F17 2.80:1 Fail
Aa #8A8E55 on #EBEAB2 2.79:1 Fail
Aa #4A3F0C on #8B805D 2.66:1 Fail
Aa #860210 on #8B805D 2.63:1 Fail
Aa #6C5F17 on #BB9E7F 2.53:1 Fail
Aa #7F3A28 on #8A8E55 2.40:1 Fail
Aa #A54E14 on #BB9E7F 2.25:1 Fail
Aa #2D0E03 on #7F3A28 2.16:1 Fail
Aa #7F3A28 on #8B805D 2.11:1 Fail
Aa #BB9E7F on #EBEAB2 2.04:1 Fail
Aa #6C5F17 on #8A8E55 1.85:1 Fail
Aa #A54E14 on #4A3F0C 1.84:1 Fail
Aa #860210 on #A54E14 1.82:1 Fail
Aa #2D0E03 on #860210 1.73:1 Fail
Aa #2D0E03 on #4A3F0C 1.71:1 Fail
Aa #A54E14 on #8A8E55 1.64:1 Fail
Aa #4A3F0C on #6C5F17 1.64:1 Fail
Aa #6C5F17 on #8B805D 1.63:1 Fail
Aa #860210 on #6C5F17 1.62:1 Fail
Aa #8B805D on #BB9E7F 1.56:1 Fail
Aa #7F3A28 on #A54E14 1.46:1 Fail
Aa #A54E14 on #8B805D 1.44:1 Fail
Aa #8A8E55 on #BB9E7F 1.37:1 Fail
Aa #7F3A28 on #6C5F17 1.29:1 Fail
Aa #7F3A28 on #4A3F0C 1.26:1 Fail
Aa #860210 on #7F3A28 1.25:1 Fail
Aa #8A8E55 on #8B805D 1.14:1 Fail
Aa #A54E14 on #6C5F17 1.13:1 Fail
Aa #860210 on #4A3F0C 1.01: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