Sign Up Sign Up
Laugh. 8

Laugh. 8

9-color palette · Warm · Mixed · Complementary harmony

Back to Library

Laugh. 8

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

Modify
Earthy 9 colors Warm Mixed Complementary laugh spaff
Likes 8
Colors 9

CSS variables

:root {
  --c-earthy-1: #765F56;
  --c-earthy-2: #4F6666;
  --c-earthy-3: #4F48E6;
  --c-earthy-4: #D94170;
  --c-earthy-5: #C147DD;
  --c-earthy-6: #B3A63F;
  --c-earthy-7: #7CCC4A;
  --c-earthy-8: #E3B563;
  --c-earthy-9: #BBBBFA;
}

About this palette

This 9-color earthy palette runs from Dried Lilac (#BBBBFA) as its lightest tone to Dark Soft Violet (#4F48E6) as its darkest. It blends Raccoon Tail, Angry Ocean, Dark Soft Violet, Qermez Red, Ultraviolet Onsible, Brass, Green Flash, Buzzworthy and Dried Lilac into a single set you can drop straight into a UI. None of the 36 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Raccoon Tail #765F56
RGB
rgb(118, 95, 86)
HSL
hsl(17, 16%, 40%)
Luminance
0.127
Angry Ocean #4F6666
RGB
rgb(79, 102, 102)
HSL
hsl(180, 13%, 35%)
Luminance
0.121
Dark Soft Violet #4F48E6
RGB
rgb(79, 72, 230)
HSL
hsl(243, 76%, 59%)
Luminance
0.120
Qermez Red #D94170
RGB
rgb(217, 65, 112)
HSL
hsl(341, 67%, 55%)
Luminance
0.197
Ultraviolet Onsible #C147DD
RGB
rgb(193, 71, 221)
HSL
hsl(289, 69%, 57%)
Luminance
0.211
Brass #B3A63F
RGB
rgb(179, 166, 63)
HSL
hsl(53, 48%, 47%)
Luminance
0.372
Green Flash #7CCC4A
RGB
rgb(124, 204, 74)
HSL
hsl(97, 56%, 55%)
Luminance
0.480
Buzzworthy #E3B563
RGB
rgb(227, 181, 99)
HSL
hsl(38, 70%, 64%)
Luminance
0.503
Dried Lilac #BBBBFA
RGB
rgb(187, 187, 250)
HSL
hsl(240, 86%, 86%)
Luminance
0.530

Contrast & accessibility

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

Aa #4F48E6 on #BBBBFA 3.41:1 AA Large
Aa #4F6666 on #BBBBFA 3.39:1 AA Large
Aa #765F56 on #BBBBFA 3.28:1 AA Large
Aa #4F48E6 on #E3B563 3.25:1 AA Large
Aa #4F6666 on #E3B563 3.23:1 AA Large
Aa #765F56 on #E3B563 3.12:1 AA Large
Aa #4F48E6 on #7CCC4A 3.11:1 AA Large
Aa #4F6666 on #7CCC4A 3.09:1 AA Large
Aa #765F56 on #7CCC4A 2.99:1 Fail
Aa #4F48E6 on #B3A63F 2.48:1 Fail
Aa #4F6666 on #B3A63F 2.47:1 Fail
Aa #765F56 on #B3A63F 2.38:1 Fail
Aa #D94170 on #BBBBFA 2.35:1 Fail
Aa #D94170 on #E3B563 2.24:1 Fail
Aa #C147DD on #BBBBFA 2.23:1 Fail
Aa #D94170 on #7CCC4A 2.14:1 Fail
Aa #C147DD on #E3B563 2.12:1 Fail
Aa #C147DD on #7CCC4A 2.03:1 Fail
Aa #D94170 on #B3A63F 1.71:1 Fail
Aa #C147DD on #B3A63F 1.62:1 Fail
Aa #4F48E6 on #C147DD 1.53:1 Fail
Aa #4F6666 on #C147DD 1.52:1 Fail
Aa #765F56 on #C147DD 1.47:1 Fail
Aa #4F48E6 on #D94170 1.45:1 Fail
Aa #4F6666 on #D94170 1.44:1 Fail
Aa #765F56 on #D94170 1.39:1 Fail
Aa #B3A63F on #BBBBFA 1.37:1 Fail
Aa #B3A63F on #E3B563 1.31:1 Fail
Aa #B3A63F on #7CCC4A 1.25:1 Fail
Aa #7CCC4A on #BBBBFA 1.10:1 Fail
Aa #D94170 on #C147DD 1.06:1 Fail
Aa #E3B563 on #BBBBFA 1.05:1 Fail
Aa #765F56 on #4F48E6 1.04:1 Fail
Aa #7CCC4A on #E3B563 1.04:1 Fail
Aa #765F56 on #4F6666 1.03:1 Fail
Aa #4F6666 on #4F48E6 1.01: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