Sign Up Sign Up
Blackm0ld

Blackm0ld

8-color palette · Warm · Dark · Monochromatic harmony

Back to Library

Blackm0ld

8-color palette · Warm temperature · Dark tone · Monochromatic harmony

Modify
Earthy 8 colors Warm Dark Monochromatic black yellow mold black mold
Likes 36
Colors 8

CSS variables

:root {
  --c-earthy-1: #101010;
  --c-earthy-2: #353334;
  --c-earthy-3: #4D4C43;
  --c-earthy-4: #727356;
  --c-earthy-5: #734D25;
  --c-earthy-6: #917421;
  --c-earthy-7: #B58B31;
  --c-earthy-8: #9D9E8A;
}

About this palette

This 8-color earthy palette runs from Flagstone Quartzite (#9D9E8A) as its lightest tone to Chaos Black (#101010) as its darkest. It blends Chaos Black, Black Tortoise, Ruskin Bronze, Herb Cornucopia, Chocolate Rain, Mode Beige, Mineral Umber and Flagstone Quartzite into a single set you can drop straight into a UI. Of its 28 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #101010 on #9D9E8A at 6.97:1.

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

Color breakdown

Chaos Black #101010
RGB
rgb(16, 16, 16)
HSL
hsl(0, 0%, 6%)
Luminance
0.005
Black Tortoise #353334
RGB
rgb(53, 51, 52)
HSL
hsl(330, 2%, 20%)
Luminance
0.034
Ruskin Bronze #4D4C43
RGB
rgb(77, 76, 67)
HSL
hsl(54, 7%, 28%)
Luminance
0.072
Herb Cornucopia #727356
RGB
rgb(114, 115, 86)
HSL
hsl(62, 14%, 39%)
Luminance
0.165
Chocolate Rain #734D25
RGB
rgb(115, 77, 37)
HSL
hsl(31, 51%, 30%)
Luminance
0.091
Mode Beige #917421
RGB
rgb(145, 116, 33)
HSL
hsl(44, 63%, 35%)
Luminance
0.186
Mineral Umber #B58B31
RGB
rgb(181, 139, 49)
HSL
hsl(41, 57%, 45%)
Luminance
0.285
Flagstone Quartzite #9D9E8A
RGB
rgb(157, 158, 138)
HSL
hsl(63, 9%, 58%)
Luminance
0.335

Contrast & accessibility

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

Aa #101010 on #9D9E8A 6.97:1 AA
Aa #101010 on #B58B31 6.07:1 AA
Aa #353334 on #9D9E8A 4.59:1 AA
Aa #101010 on #917421 4.28:1 AA Large
Aa #353334 on #B58B31 4.00:1 AA Large
Aa #101010 on #727356 3.90:1 AA Large
Aa #4D4C43 on #9D9E8A 3.16:1 AA Large
Aa #353334 on #917421 2.82:1 Fail
Aa #4D4C43 on #B58B31 2.76:1 Fail
Aa #734D25 on #9D9E8A 2.73:1 Fail
Aa #353334 on #727356 2.57:1 Fail
Aa #101010 on #734D25 2.55:1 Fail
Aa #734D25 on #B58B31 2.38:1 Fail
Aa #101010 on #4D4C43 2.20:1 Fail
Aa #4D4C43 on #917421 1.94:1 Fail
Aa #727356 on #9D9E8A 1.79:1 Fail
Aa #4D4C43 on #727356 1.77:1 Fail
Aa #353334 on #734D25 1.68:1 Fail
Aa #734D25 on #917421 1.68:1 Fail
Aa #917421 on #9D9E8A 1.63:1 Fail
Aa #727356 on #B58B31 1.56:1 Fail
Aa #727356 on #734D25 1.53:1 Fail
Aa #101010 on #353334 1.52:1 Fail
Aa #353334 on #4D4C43 1.45:1 Fail
Aa #917421 on #B58B31 1.42:1 Fail
Aa #4D4C43 on #734D25 1.16:1 Fail
Aa #B58B31 on #9D9E8A 1.15:1 Fail
Aa #727356 on #917421 1.10: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