Sign Up Sign Up
Russian12

Russian12

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

Russian12

12-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 12 colors Warm Mixed Complementary russia named categories
Likes 12
Colors 12

CSS variables

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #777777;
  --c-earthy-3: #FFFFFF;
  --c-earthy-4: #CC3333;
  --c-earthy-5: #DD9922;
  --c-earthy-6: #EEEE55;
  --c-earthy-7: #33CC33;
  --c-earthy-8: #55EEEE;
  --c-earthy-9: #2244DD;
  --c-earthy-10: #774488;
  --c-earthy-11: #FFAAAA;
  --c-earthy-12: #996633;
}

About this palette

This 12-color earthy palette runs from White (#FFFFFF) as its lightest tone to Black (#000000) as its darkest. It blends Black, Lucky Grey, White, Persian Red, Tiger King, Gargantua, Poisonous Pesticide, Poseidon Jr., Palatinate Blue, Nightly Violet, Apricot Haze and Woodgrain into a single set you can drop straight into a UI. Of its 66 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FFFFFF at 21:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Lucky Grey #777777
RGB
rgb(119, 119, 119)
HSL
hsl(0, 0%, 47%)
Luminance
0.185
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Persian Red #CC3333
RGB
rgb(204, 51, 51)
HSL
hsl(0, 60%, 50%)
Luminance
0.154
Tiger King #DD9922
RGB
rgb(221, 153, 34)
HSL
hsl(38, 73%, 50%)
Luminance
0.383
Gargantua #EEEE55
RGB
rgb(238, 238, 85)
HSL
hsl(60, 82%, 63%)
Luminance
0.800
Poisonous Pesticide #33CC33
RGB
rgb(51, 204, 51)
HSL
hsl(120, 60%, 50%)
Luminance
0.441
Poseidon Jr. #55EEEE
RGB
rgb(85, 238, 238)
HSL
hsl(180, 82%, 63%)
Luminance
0.693
Palatinate Blue #2244DD
RGB
rgb(34, 68, 221)
HSL
hsl(229, 73%, 50%)
Luminance
0.097
Nightly Violet #774488
RGB
rgb(119, 68, 136)
HSL
hsl(285, 33%, 40%)
Luminance
0.098
Apricot Haze #FFAAAA
RGB
rgb(255, 170, 170)
HSL
hsl(0, 100%, 83%)
Luminance
0.529
Woodgrain #996633
RGB
rgb(153, 102, 51)
HSL
hsl(30, 50%, 40%)
Luminance
0.165

Contrast & accessibility

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

Aa #000000 on #FFFFFF 21.00:1 AAA
Aa #000000 on #EEEE55 17.00:1 AAA
Aa #000000 on #55EEEE 14.85:1 AAA
Aa #000000 on #FFAAAA 11.58:1 AAA
Aa #000000 on #33CC33 9.83:1 AAA
Aa #000000 on #DD9922 8.65:1 AAA
Aa #FFFFFF on #2244DD 7.15:1 AAA
Aa #FFFFFF on #774488 7.08:1 AAA
Aa #EEEE55 on #2244DD 5.78:1 AA
Aa #EEEE55 on #774488 5.73:1 AA
Aa #FFFFFF on #CC3333 5.14:1 AA
Aa #55EEEE on #2244DD 5.05:1 AA
Aa #55EEEE on #774488 5.01:1 AA
Aa #FFFFFF on #996633 4.88:1 AA
Aa #000000 on #777777 4.69:1 AA
Aa #777777 on #FFFFFF 4.48:1 AA Large
Aa #000000 on #996633 4.30:1 AA Large
Aa #CC3333 on #EEEE55 4.16:1 AA Large
Aa #000000 on #CC3333 4.09:1 AA Large
Aa #EEEE55 on #996633 3.95:1 AA Large
Aa #2244DD on #FFAAAA 3.94:1 AA Large
Aa #774488 on #FFAAAA 3.90:1 AA Large
Aa #CC3333 on #55EEEE 3.63:1 AA Large
Aa #777777 on #EEEE55 3.62:1 AA Large
Aa #55EEEE on #996633 3.45:1 AA Large
Aa #33CC33 on #2244DD 3.34:1 AA Large
Aa #33CC33 on #774488 3.31:1 AA Large
Aa #777777 on #55EEEE 3.17:1 AA Large
Aa #000000 on #774488 2.97:1 Fail
Aa #000000 on #2244DD 2.94:1 Fail
Aa #DD9922 on #2244DD 2.94:1 Fail
Aa #DD9922 on #774488 2.92:1 Fail
Aa #CC3333 on #FFAAAA 2.83:1 Fail
Aa #FFAAAA on #996633 2.69:1 Fail
Aa #777777 on #FFAAAA 2.47:1 Fail
Aa #FFFFFF on #DD9922 2.43:1 Fail
Aa #CC3333 on #33CC33 2.40:1 Fail
Aa #33CC33 on #996633 2.28:1 Fail
Aa #FFFFFF on #33CC33 2.14:1 Fail
Aa #CC3333 on #DD9922 2.12:1 Fail
Aa #777777 on #33CC33 2.10:1 Fail
Aa #DD9922 on #996633 2.01:1 Fail
Aa #DD9922 on #EEEE55 1.96:1 Fail
Aa #777777 on #DD9922 1.85:1 Fail
Aa #FFFFFF on #FFAAAA 1.81:1 Fail
Aa #EEEE55 on #33CC33 1.73:1 Fail
Aa #DD9922 on #55EEEE 1.72:1 Fail
Aa #777777 on #2244DD 1.60:1 Fail
Aa #777777 on #774488 1.58:1 Fail
Aa #33CC33 on #55EEEE 1.51:1 Fail
Aa #EEEE55 on #FFAAAA 1.47:1 Fail
Aa #2244DD on #996633 1.46:1 Fail
Aa #774488 on #996633 1.45:1 Fail
Aa #FFFFFF on #55EEEE 1.41:1 Fail
Aa #CC3333 on #2244DD 1.39:1 Fail
Aa #CC3333 on #774488 1.38:1 Fail
Aa #DD9922 on #FFAAAA 1.34:1 Fail
Aa #55EEEE on #FFAAAA 1.28:1 Fail
Aa #FFFFFF on #EEEE55 1.24:1 Fail
Aa #33CC33 on #FFAAAA 1.18:1 Fail
Aa #777777 on #CC3333 1.15:1 Fail
Aa #DD9922 on #33CC33 1.14:1 Fail
Aa #EEEE55 on #55EEEE 1.14:1 Fail
Aa #777777 on #996633 1.09:1 Fail
Aa #CC3333 on #996633 1.05:1 Fail
Aa #2244DD on #774488 1.01:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors