Sign Up Sign Up
LoveOS

LoveOS

9-color palette · Warm · Mixed · Monochromatic harmony

Back to Library

LoveOS

9-color palette · Warm temperature · Mixed tone · Monochromatic harmony

Modify
Earthy 9 colors Warm Mixed Monochromatic white red computer software
Likes 59
Colors 9

CSS variables

:root {
  --c-earthy-1: #E6DEDD;
  --c-earthy-2: #BFB4B3;
  --c-earthy-3: #8E8287;
  --c-earthy-4: #4D4A4B;
  --c-earthy-5: #232324;
  --c-earthy-6: #090909;
  --c-earthy-7: #E22929;
  --c-earthy-8: #AF1B26;
  --c-earthy-9: #800D28;
}

About this palette

This 9-color earthy palette runs from Cumberland Sausage (#E6DEDD) as its lightest tone to Badab Black Wash (#090909) as its darkest. It blends Cumberland Sausage, Pink Swan, Mauve Jazz, Bastion Grey, Verified Black, Badab Black Wash, Permanent Geranium Lake, Salsa and Heavy Heart into a single set you can drop straight into a UI. Of its 36 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E6DEDD on #090909 at 15.04:1.

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

Color breakdown

Cumberland Sausage #E6DEDD
RGB
rgb(230, 222, 221)
HSL
hsl(7, 15%, 88%)
Luminance
0.743
Pink Swan #BFB4B3
RGB
rgb(191, 180, 179)
HSL
hsl(5, 9%, 73%)
Luminance
0.470
Mauve Jazz #8E8287
RGB
rgb(142, 130, 135)
HSL
hsl(335, 5%, 53%)
Luminance
0.235
Bastion Grey #4D4A4B
RGB
rgb(77, 74, 75)
HSL
hsl(340, 2%, 30%)
Luminance
0.070
Verified Black #232324
RGB
rgb(35, 35, 36)
HSL
hsl(240, 1%, 14%)
Luminance
0.017
Badab Black Wash #090909
RGB
rgb(9, 9, 9)
HSL
hsl(0, 0%, 4%)
Luminance
0.003
Permanent Geranium Lake #E22929
RGB
rgb(226, 41, 41)
HSL
hsl(0, 76%, 52%)
Luminance
0.179
Salsa #AF1B26
RGB
rgb(175, 27, 38)
HSL
hsl(356, 73%, 40%)
Luminance
0.100
Heavy Heart #800D28
RGB
rgb(128, 13, 40)
HSL
hsl(346, 82%, 28%)
Luminance
0.050

Contrast & accessibility

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

Aa #E6DEDD on #090909 15.04:1 AAA
Aa #E6DEDD on #232324 11.86:1 AAA
Aa #BFB4B3 on #090909 9.86:1 AAA
Aa #E6DEDD on #800D28 7.90:1 AAA
Aa #BFB4B3 on #232324 7.77:1 AAA
Aa #E6DEDD on #4D4A4B 6.62:1 AA
Aa #8E8287 on #090909 5.40:1 AA
Aa #E6DEDD on #AF1B26 5.27:1 AA
Aa #BFB4B3 on #800D28 5.18:1 AA
Aa #090909 on #E22929 4.35:1 AA Large
Aa #BFB4B3 on #4D4A4B 4.34:1 AA Large
Aa #8E8287 on #232324 4.26:1 AA Large
Aa #E6DEDD on #E22929 3.46:1 AA Large
Aa #BFB4B3 on #AF1B26 3.46:1 AA Large
Aa #232324 on #E22929 3.43:1 AA Large
Aa #090909 on #AF1B26 2.85:1 Fail
Aa #8E8287 on #800D28 2.84:1 Fail
Aa #E6DEDD on #8E8287 2.79:1 Fail
Aa #8E8287 on #4D4A4B 2.38:1 Fail
Aa #E22929 on #800D28 2.28:1 Fail
Aa #BFB4B3 on #E22929 2.27:1 Fail
Aa #4D4A4B on #090909 2.27:1 Fail
Aa #232324 on #AF1B26 2.25:1 Fail
Aa #4D4A4B on #E22929 1.91:1 Fail
Aa #090909 on #800D28 1.90:1 Fail
Aa #8E8287 on #AF1B26 1.89:1 Fail
Aa #BFB4B3 on #8E8287 1.83:1 Fail
Aa #4D4A4B on #232324 1.79:1 Fail
Aa #E6DEDD on #BFB4B3 1.53:1 Fail
Aa #E22929 on #AF1B26 1.52:1 Fail
Aa #232324 on #800D28 1.50:1 Fail
Aa #AF1B26 on #800D28 1.50:1 Fail
Aa #232324 on #090909 1.27:1 Fail
Aa #4D4A4B on #AF1B26 1.25:1 Fail
Aa #8E8287 on #E22929 1.24:1 Fail
Aa #4D4A4B on #800D28 1.19: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