Sign Up Sign Up
Melon 8

Melon 8

8-color palette · Warm · Mixed · Analogous harmony

Back to Library

Melon 8

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

Modify
Earthy 8 colors Warm Mixed Analogous watermelon melon
Likes 19
Colors 8

CSS variables

:root {
  --c-earthy-1: #231F20;
  --c-earthy-2: #6F3228;
  --c-earthy-3: #BB4430;
  --c-earthy-4: #D59587;
  --c-earthy-5: #EFE6DD;
  --c-earthy-6: #ADC79A;
  --c-earthy-7: #6AA856;
  --c-earthy-8: #47643B;
}

About this palette

This 8-color earthy palette runs from White Linen (#EFE6DD) as its lightest tone to Abaddon Black (#231F20) as its darkest. It blends Abaddon Black, Cypress Bark Red, Browned Off, Peach Preserve, White Linen, Geddy Green, Techno Green and Plasticine into a single set you can drop straight into a UI. Of its 28 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #231F20 on #EFE6DD at 13.22:1.

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

Color breakdown

Abaddon Black #231F20
RGB
rgb(35, 31, 32)
HSL
hsl(345, 6%, 13%)
Luminance
0.014
Cypress Bark Red #6F3228
RGB
rgb(111, 50, 40)
HSL
hsl(8, 47%, 30%)
Luminance
0.058
Browned Off #BB4430
RGB
rgb(187, 68, 48)
HSL
hsl(9, 59%, 46%)
Luminance
0.149
Peach Preserve #D59587
RGB
rgb(213, 149, 135)
HSL
hsl(11, 48%, 68%)
Luminance
0.374
White Linen #EFE6DD
RGB
rgb(239, 230, 221)
HSL
hsl(30, 36%, 90%)
Luminance
0.802
Geddy Green #ADC79A
RGB
rgb(173, 199, 154)
HSL
hsl(95, 29%, 69%)
Luminance
0.521
Techno Green #6AA856
RGB
rgb(106, 168, 86)
HSL
hsl(105, 32%, 50%)
Luminance
0.317
Plasticine #47643B
RGB
rgb(71, 100, 59)
HSL
hsl(102, 26%, 31%)
Luminance
0.108

Contrast & accessibility

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

Aa #231F20 on #EFE6DD 13.22:1 AAA
Aa #231F20 on #ADC79A 8.86:1 AAA
Aa #6F3228 on #EFE6DD 7.88:1 AAA
Aa #231F20 on #D59587 6.58:1 AA
Aa #231F20 on #6AA856 5.70:1 AA
Aa #EFE6DD on #47643B 5.40:1 AA
Aa #6F3228 on #ADC79A 5.28:1 AA
Aa #BB4430 on #EFE6DD 4.28:1 AA Large
Aa #6F3228 on #D59587 3.92:1 AA Large
Aa #ADC79A on #47643B 3.62:1 AA Large
Aa #6F3228 on #6AA856 3.40:1 AA Large
Aa #231F20 on #BB4430 3.09:1 AA Large
Aa #BB4430 on #ADC79A 2.87:1 Fail
Aa #D59587 on #47643B 2.69:1 Fail
Aa #231F20 on #47643B 2.45:1 Fail
Aa #6AA856 on #47643B 2.33:1 Fail
Aa #EFE6DD on #6AA856 2.32:1 Fail
Aa #BB4430 on #D59587 2.13:1 Fail
Aa #D59587 on #EFE6DD 2.01:1 Fail
Aa #BB4430 on #6AA856 1.85:1 Fail
Aa #6F3228 on #BB4430 1.84:1 Fail
Aa #231F20 on #6F3228 1.68:1 Fail
Aa #ADC79A on #6AA856 1.55:1 Fail
Aa #EFE6DD on #ADC79A 1.49:1 Fail
Aa #6F3228 on #47643B 1.46:1 Fail
Aa #D59587 on #ADC79A 1.35:1 Fail
Aa #BB4430 on #47643B 1.26:1 Fail
Aa #D59587 on #6AA856 1.15: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