Sign Up Sign Up
Coffee

Coffee

8-color palette · Warm · Mixed · Monochromatic harmony

Back to Library

Coffee

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

Modify
Earthy 8 colors Warm Mixed Monochromatic simple 8 color
Likes 23
Colors 8

CSS variables

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #0A0A0A;
  --c-earthy-3: #191919;
  --c-earthy-4: #533E2D;
  --c-earthy-5: #A27035;
  --c-earthy-6: #B88B4A;
  --c-earthy-7: #DDCA7D;
  --c-earthy-8: #FBF9EF;
}

About this palette

This 8-color earthy palette runs from White Heat (#FBF9EF) as its lightest tone to Black (#000000) as its darkest. It blends Black, Existential Angst, Thamar Black, Antique Brown, Hearth Gold, Yellow Acorn, Sandwisp and White Heat into a single set you can drop straight into a UI. Of its 28 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FBF9EF at 19.9: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
Existential Angst #0A0A0A
RGB
rgb(10, 10, 10)
HSL
hsl(0, 0%, 4%)
Luminance
0.003
Thamar Black #191919
RGB
rgb(25, 25, 25)
HSL
hsl(0, 0%, 10%)
Luminance
0.010
Antique Brown #533E2D
RGB
rgb(83, 62, 45)
HSL
hsl(27, 30%, 25%)
Luminance
0.055
Hearth Gold #A27035
RGB
rgb(162, 112, 53)
HSL
hsl(32, 51%, 42%)
Luminance
0.195
Yellow Acorn #B88B4A
RGB
rgb(184, 139, 74)
HSL
hsl(35, 44%, 51%)
Luminance
0.292
Sandwisp #DDCA7D
RGB
rgb(221, 202, 125)
HSL
hsl(48, 59%, 68%)
Luminance
0.591
White Heat #FBF9EF
RGB
rgb(251, 249, 239)
HSL
hsl(50, 60%, 96%)
Luminance
0.945

Contrast & accessibility

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

Aa #000000 on #FBF9EF 19.90:1 AAA
Aa #0A0A0A on #FBF9EF 18.76:1 AAA
Aa #191919 on #FBF9EF 16.66:1 AAA
Aa #000000 on #DDCA7D 12.82:1 AAA
Aa #0A0A0A on #DDCA7D 12.09:1 AAA
Aa #191919 on #DDCA7D 10.73:1 AAA
Aa #533E2D on #FBF9EF 9.50:1 AAA
Aa #000000 on #B88B4A 6.83:1 AA
Aa #0A0A0A on #B88B4A 6.44:1 AA
Aa #533E2D on #DDCA7D 6.12:1 AA
Aa #191919 on #B88B4A 5.72:1 AA
Aa #000000 on #A27035 4.91:1 AA
Aa #0A0A0A on #A27035 4.62:1 AA
Aa #191919 on #A27035 4.11:1 AA Large
Aa #A27035 on #FBF9EF 4.06:1 AA Large
Aa #533E2D on #B88B4A 3.26:1 AA Large
Aa #B88B4A on #FBF9EF 2.91:1 Fail
Aa #A27035 on #DDCA7D 2.61:1 Fail
Aa #533E2D on #A27035 2.34:1 Fail
Aa #000000 on #533E2D 2.09:1 Fail
Aa #0A0A0A on #533E2D 1.97:1 Fail
Aa #B88B4A on #DDCA7D 1.88:1 Fail
Aa #191919 on #533E2D 1.75:1 Fail
Aa #DDCA7D on #FBF9EF 1.55:1 Fail
Aa #A27035 on #B88B4A 1.39:1 Fail
Aa #000000 on #191919 1.19:1 Fail
Aa #0A0A0A on #191919 1.13:1 Fail
Aa #000000 on #0A0A0A 1.06: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