Sign Up Sign Up
QUINN_COLORS

QUINN_COLORS

9-color palette · Warm · Dark · Complementary harmony

Back to Library

QUINN_COLORS

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

Modify
Earthy 9 colors Warm Dark Complementary pastel
Likes 24
Colors 9

CSS variables

:root {
  --c-earthy-1: #2A2533;
  --c-earthy-2: #323C54;
  --c-earthy-3: #3E5E73;
  --c-earthy-4: #51855D;
  --c-earthy-5: #9FAD74;
  --c-earthy-6: #856149;
  --c-earthy-7: #713E4B;
  --c-earthy-8: #553154;
  --c-earthy-9: #3A3045;
}

About this palette

This 9-color earthy palette runs from Siamese Green (#9FAD74) as its lightest tone to Cold Steel (#2A2533) as its darkest. It blends Cold Steel, Biscay, Superior Blue, Spring Garden, Siamese Green, Rawhide, Blood Rose, Purple Prose and Chrysomela Goettingensis into a single set you can drop straight into a UI. Of its 36 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2A2533 on #9FAD74 at 6.17:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Cold Steel #2A2533
RGB
rgb(42, 37, 51)
HSL
hsl(261, 16%, 17%)
Luminance
0.021
Biscay #323C54
RGB
rgb(50, 60, 84)
HSL
hsl(222, 25%, 26%)
Luminance
0.046
Superior Blue #3E5E73
RGB
rgb(62, 94, 115)
HSL
hsl(204, 30%, 35%)
Luminance
0.103
Spring Garden #51855D
RGB
rgb(81, 133, 93)
HSL
hsl(134, 24%, 42%)
Luminance
0.193
Siamese Green #9FAD74
RGB
rgb(159, 173, 116)
HSL
hsl(75, 26%, 57%)
Luminance
0.385
Rawhide #856149
RGB
rgb(133, 97, 73)
HSL
hsl(24, 29%, 40%)
Luminance
0.140
Blood Rose #713E4B
RGB
rgb(113, 62, 75)
HSL
hsl(345, 29%, 34%)
Luminance
0.075
Purple Prose #553154
RGB
rgb(85, 49, 84)
HSL
hsl(302, 27%, 26%)
Luminance
0.048
Chrysomela Goettingensis #3A3045
RGB
rgb(58, 48, 69)
HSL
hsl(269, 18%, 23%)
Luminance
0.034

Contrast & accessibility

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

Aa #2A2533 on #9FAD74 6.17:1 AA
Aa #9FAD74 on #3A3045 5.15:1 AA
Aa #323C54 on #9FAD74 4.56:1 AA
Aa #9FAD74 on #553154 4.46:1 AA Large
Aa #9FAD74 on #713E4B 3.49:1 AA Large
Aa #2A2533 on #51855D 3.45:1 AA Large
Aa #51855D on #3A3045 2.88:1 Fail
Aa #3E5E73 on #9FAD74 2.85:1 Fail
Aa #2A2533 on #856149 2.70:1 Fail
Aa #323C54 on #51855D 2.55:1 Fail
Aa #51855D on #553154 2.49:1 Fail
Aa #9FAD74 on #856149 2.29:1 Fail
Aa #856149 on #3A3045 2.25:1 Fail
Aa #2A2533 on #3E5E73 2.16:1 Fail
Aa #323C54 on #856149 1.99:1 Fail
Aa #51855D on #713E4B 1.95:1 Fail
Aa #856149 on #553154 1.95:1 Fail
Aa #3E5E73 on #3A3045 1.81:1 Fail
Aa #51855D on #9FAD74 1.79:1 Fail
Aa #2A2533 on #713E4B 1.77:1 Fail
Aa #323C54 on #3E5E73 1.60:1 Fail
Aa #3E5E73 on #51855D 1.59:1 Fail
Aa #3E5E73 on #553154 1.56:1 Fail
Aa #856149 on #713E4B 1.53:1 Fail
Aa #713E4B on #3A3045 1.48:1 Fail
Aa #2A2533 on #553154 1.38:1 Fail
Aa #2A2533 on #323C54 1.35:1 Fail
Aa #323C54 on #713E4B 1.31:1 Fail
Aa #51855D on #856149 1.28:1 Fail
Aa #713E4B on #553154 1.28:1 Fail
Aa #3E5E73 on #856149 1.25:1 Fail
Aa #3E5E73 on #713E4B 1.22:1 Fail
Aa #2A2533 on #3A3045 1.20:1 Fail
Aa #553154 on #3A3045 1.16:1 Fail
Aa #323C54 on #3A3045 1.13:1 Fail
Aa #323C54 on #553154 1.02: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