Sign Up Sign Up
Nopri Nopri

Nopri Nopri

12-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Nopri Nopri

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

Modify
Earthy 12 colors Neutral Mixed Complementary polyphrog jungle aahhhh
Likes 20
Colors 12

CSS variables

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #69392A;
  --c-earthy-3: #9B6426;
  --c-earthy-4: #BBD250;
  --c-earthy-5: #689133;
  --c-earthy-6: #205F51;
  --c-earthy-7: #2F8F8A;
  --c-earthy-8: #6ECFA7;
  --c-earthy-9: #F8F6F3;
  --c-earthy-10: #FF8EB4;
  --c-earthy-11: #B54193;
  --c-earthy-12: #504266;
}

About this palette

This 12-color earthy palette runs from Venerable White (#F8F6F3) as its lightest tone to Black (#000000) as its darkest. It blends Black, In Caffeine We Trust, Olivia, Solid Gold, Olive Thrill, Teal Drama, Taos Turquoise, Minted Elegance, Venerable White, Schauss Pink, Boat Orchid and Evening Lavender 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 #F8F6F3 at 19.47: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
In Caffeine We Trust #69392A
RGB
rgb(105, 57, 42)
HSL
hsl(14, 43%, 29%)
Luminance
0.061
Olivia #9B6426
RGB
rgb(155, 100, 38)
HSL
hsl(32, 61%, 38%)
Luminance
0.162
Solid Gold #BBD250
RGB
rgb(187, 210, 80)
HSL
hsl(71, 59%, 57%)
Luminance
0.572
Olive Thrill #689133
RGB
rgb(104, 145, 51)
HSL
hsl(86, 48%, 38%)
Luminance
0.234
Teal Drama #205F51
RGB
rgb(32, 95, 81)
HSL
hsl(167, 50%, 25%)
Luminance
0.091
Taos Turquoise #2F8F8A
RGB
rgb(47, 143, 138)
HSL
hsl(177, 51%, 37%)
Luminance
0.221
Minted Elegance #6ECFA7
RGB
rgb(110, 207, 167)
HSL
hsl(155, 50%, 62%)
Luminance
0.507
Venerable White #F8F6F3
RGB
rgb(248, 246, 243)
HSL
hsl(36, 26%, 96%)
Luminance
0.923
Schauss Pink #FF8EB4
RGB
rgb(255, 142, 180)
HSL
hsl(340, 100%, 78%)
Luminance
0.439
Boat Orchid #B54193
RGB
rgb(181, 65, 147)
HSL
hsl(318, 47%, 48%)
Luminance
0.157
Evening Lavender #504266
RGB
rgb(80, 66, 102)
HSL
hsl(263, 21%, 33%)
Luminance
0.066

Contrast & accessibility

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

Aa #000000 on #F8F6F3 19.47:1 AAA
Aa #000000 on #BBD250 12.45:1 AAA
Aa #000000 on #6ECFA7 11.15:1 AAA
Aa #000000 on #FF8EB4 9.78:1 AAA
Aa #69392A on #F8F6F3 8.77:1 AAA
Aa #F8F6F3 on #504266 8.42:1 AAA
Aa #205F51 on #F8F6F3 6.91:1 AA
Aa #000000 on #689133 5.69:1 AA
Aa #69392A on #BBD250 5.61:1 AA
Aa #000000 on #2F8F8A 5.42:1 AA
Aa #BBD250 on #504266 5.38:1 AA
Aa #69392A on #6ECFA7 5.02:1 AA
Aa #6ECFA7 on #504266 4.82:1 AA
Aa #F8F6F3 on #B54193 4.70:1 AA
Aa #9B6426 on #F8F6F3 4.59:1 AA
Aa #BBD250 on #205F51 4.42:1 AA Large
Aa #69392A on #FF8EB4 4.41:1 AA Large
Aa #000000 on #9B6426 4.24:1 AA Large
Aa #FF8EB4 on #504266 4.23:1 AA Large
Aa #000000 on #B54193 4.14:1 AA Large
Aa #205F51 on #6ECFA7 3.96:1 AA Large
Aa #2F8F8A on #F8F6F3 3.59:1 AA Large
Aa #205F51 on #FF8EB4 3.47:1 AA Large
Aa #689133 on #F8F6F3 3.42:1 AA Large
Aa #BBD250 on #B54193 3.01:1 AA Large
Aa #9B6426 on #BBD250 2.93:1 Fail
Aa #000000 on #205F51 2.82:1 Fail
Aa #6ECFA7 on #B54193 2.69:1 Fail
Aa #9B6426 on #6ECFA7 2.63:1 Fail
Aa #69392A on #689133 2.56:1 Fail
Aa #689133 on #504266 2.46:1 Fail
Aa #69392A on #2F8F8A 2.44:1 Fail
Aa #FF8EB4 on #B54193 2.36:1 Fail
Aa #2F8F8A on #504266 2.34:1 Fail
Aa #000000 on #504266 2.31:1 Fail
Aa #9B6426 on #FF8EB4 2.30:1 Fail
Aa #BBD250 on #2F8F8A 2.30:1 Fail
Aa #000000 on #69392A 2.22:1 Fail
Aa #BBD250 on #689133 2.19:1 Fail
Aa #2F8F8A on #6ECFA7 2.06:1 Fail
Aa #689133 on #205F51 2.02:1 Fail
Aa #F8F6F3 on #FF8EB4 1.99:1 Fail
Aa #689133 on #6ECFA7 1.96:1 Fail
Aa #205F51 on #2F8F8A 1.92:1 Fail
Aa #69392A on #9B6426 1.91:1 Fail
Aa #69392A on #B54193 1.87:1 Fail
Aa #9B6426 on #504266 1.84:1 Fail
Aa #2F8F8A on #FF8EB4 1.81:1 Fail
Aa #B54193 on #504266 1.79:1 Fail
Aa #6ECFA7 on #F8F6F3 1.75:1 Fail
Aa #689133 on #FF8EB4 1.72:1 Fail
Aa #BBD250 on #F8F6F3 1.56:1 Fail
Aa #9B6426 on #205F51 1.51:1 Fail
Aa #205F51 on #B54193 1.47:1 Fail
Aa #689133 on #B54193 1.37:1 Fail
Aa #9B6426 on #689133 1.34:1 Fail
Aa #2F8F8A on #B54193 1.31:1 Fail
Aa #9B6426 on #2F8F8A 1.28:1 Fail
Aa #69392A on #205F51 1.27:1 Fail
Aa #BBD250 on #FF8EB4 1.27:1 Fail
Aa #205F51 on #504266 1.22:1 Fail
Aa #6ECFA7 on #FF8EB4 1.14:1 Fail
Aa #BBD250 on #6ECFA7 1.12:1 Fail
Aa #689133 on #2F8F8A 1.05:1 Fail
Aa #69392A on #504266 1.04:1 Fail
Aa #9B6426 on #B54193 1.02:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors