Sign Up Sign Up
Clubhouse Games Chat

Clubhouse Games Chat

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

Clubhouse Games Chat

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

Modify
Earthy 12 colors Warm Mixed Complementary nintendo ds agenda clubhouse
Likes 19
Colors 12

CSS variables

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #000000;
  --c-earthy-3: #969696;
  --c-earthy-4: #C7962C;
  --c-earthy-5: #FF1C4D;
  --c-earthy-6: #FF65FF;
  --c-earthy-7: #6D5DC7;
  --c-earthy-8: #1C6DFF;
  --c-earthy-9: #6DDFFF;
  --c-earthy-10: #FFDF3C;
  --c-earthy-11: #5DFF3C;
  --c-earthy-12: #00A600;
}

About this palette

This 12-color earthy palette runs from White (#FFFFFF) as its lightest tone to Black (#000000) as its darkest. It blends White, Black, Shark Fin, Tawny Olive, Fly Agaric, Pink Flamingo, Ameixa, Bluerocratic, Athena Blue, Banana Farm, Alien Parasite and Aquamentus Green into a single set you can drop straight into a UI. Of its 66 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #000000 at 21:1.

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

Color breakdown

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Shark Fin #969696
RGB
rgb(150, 150, 150)
HSL
hsl(0, 0%, 59%)
Luminance
0.305
Tawny Olive #C7962C
RGB
rgb(199, 150, 44)
HSL
hsl(41, 64%, 48%)
Luminance
0.341
Fly Agaric #FF1C4D
RGB
rgb(255, 28, 77)
HSL
hsl(347, 100%, 55%)
Luminance
0.226
Pink Flamingo #FF65FF
RGB
rgb(255, 101, 255)
HSL
hsl(300, 100%, 70%)
Luminance
0.378
Ameixa #6D5DC7
RGB
rgb(109, 93, 199)
HSL
hsl(249, 49%, 57%)
Luminance
0.152
Bluerocratic #1C6DFF
RGB
rgb(28, 109, 255)
HSL
hsl(219, 100%, 55%)
Luminance
0.184
Athena Blue #6DDFFF
RGB
rgb(109, 223, 255)
HSL
hsl(193, 100%, 71%)
Luminance
0.633
Banana Farm #FFDF3C
RGB
rgb(255, 223, 60)
HSL
hsl(50, 100%, 62%)
Luminance
0.744
Alien Parasite #5DFF3C
RGB
rgb(93, 255, 60)
HSL
hsl(110, 100%, 62%)
Luminance
0.742
Aquamentus Green #00A600
RGB
rgb(0, 166, 0)
HSL
hsl(120, 100%, 33%)
Luminance
0.273

Contrast & accessibility

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

Aa #FFFFFF on #000000 21.00:1 AAA
Aa #000000 on #FFDF3C 15.87:1 AAA
Aa #000000 on #5DFF3C 15.83:1 AAA
Aa #000000 on #6DDFFF 13.65:1 AAA
Aa #000000 on #FF65FF 8.56:1 AAA
Aa #000000 on #C7962C 7.83:1 AAA
Aa #000000 on #969696 7.10:1 AAA
Aa #000000 on #00A600 6.45:1 AA
Aa #000000 on #FF1C4D 5.53:1 AA
Aa #FFFFFF on #6D5DC7 5.20:1 AA
Aa #000000 on #1C6DFF 4.68:1 AA
Aa #FFFFFF on #1C6DFF 4.49:1 AA Large
Aa #000000 on #6D5DC7 4.04:1 AA Large
Aa #6D5DC7 on #FFDF3C 3.93:1 AA Large
Aa #6D5DC7 on #5DFF3C 3.92:1 AA Large
Aa #FFFFFF on #FF1C4D 3.80:1 AA Large
Aa #1C6DFF on #FFDF3C 3.39:1 AA Large
Aa #6D5DC7 on #6DDFFF 3.38:1 AA Large
Aa #1C6DFF on #5DFF3C 3.38:1 AA Large
Aa #FFFFFF on #00A600 3.25:1 AA Large
Aa #FFFFFF on #969696 2.96:1 Fail
Aa #1C6DFF on #6DDFFF 2.92:1 Fail
Aa #FF1C4D on #FFDF3C 2.87:1 Fail
Aa #FF1C4D on #5DFF3C 2.87:1 Fail
Aa #FFFFFF on #C7962C 2.68:1 Fail
Aa #FF1C4D on #6DDFFF 2.47:1 Fail
Aa #FFDF3C on #00A600 2.46:1 Fail
Aa #FFFFFF on #FF65FF 2.45:1 Fail
Aa #5DFF3C on #00A600 2.45:1 Fail
Aa #969696 on #FFDF3C 2.24:1 Fail
Aa #969696 on #5DFF3C 2.23:1 Fail
Aa #FF65FF on #6D5DC7 2.12:1 Fail
Aa #6DDFFF on #00A600 2.11:1 Fail
Aa #C7962C on #FFDF3C 2.03:1 Fail
Aa #C7962C on #5DFF3C 2.02:1 Fail
Aa #C7962C on #6D5DC7 1.94:1 Fail
Aa #969696 on #6DDFFF 1.92:1 Fail
Aa #FF65FF on #FFDF3C 1.85:1 Fail
Aa #FF65FF on #5DFF3C 1.85:1 Fail
Aa #FF65FF on #1C6DFF 1.83:1 Fail
Aa #969696 on #6D5DC7 1.76:1 Fail
Aa #C7962C on #6DDFFF 1.74:1 Fail
Aa #C7962C on #1C6DFF 1.67:1 Fail
Aa #FF65FF on #6DDFFF 1.60:1 Fail
Aa #6D5DC7 on #00A600 1.60:1 Fail
Aa #FF1C4D on #FF65FF 1.55:1 Fail
Aa #FFFFFF on #6DDFFF 1.54:1 Fail
Aa #969696 on #1C6DFF 1.52:1 Fail
Aa #C7962C on #FF1C4D 1.42:1 Fail
Aa #1C6DFF on #00A600 1.38:1 Fail
Aa #FF1C4D on #6D5DC7 1.37:1 Fail
Aa #FFFFFF on #5DFF3C 1.33:1 Fail
Aa #FF65FF on #00A600 1.33:1 Fail
Aa #FFFFFF on #FFDF3C 1.32:1 Fail
Aa #969696 on #FF1C4D 1.28:1 Fail
Aa #969696 on #FF65FF 1.21:1 Fail
Aa #C7962C on #00A600 1.21:1 Fail
Aa #FF1C4D on #1C6DFF 1.18:1 Fail
Aa #FF1C4D on #00A600 1.17:1 Fail
Aa #6D5DC7 on #1C6DFF 1.16:1 Fail
Aa #6DDFFF on #FFDF3C 1.16:1 Fail
Aa #6DDFFF on #5DFF3C 1.16:1 Fail
Aa #969696 on #C7962C 1.10:1 Fail
Aa #969696 on #00A600 1.10:1 Fail
Aa #C7962C on #FF65FF 1.09:1 Fail
Aa #FFDF3C on #5DFF3C 1.00: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