Sign Up Sign Up
SpeedyCube 11

SpeedyCube 11

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

SpeedyCube 11

11-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Earthy 11 colors Cool Mixed Complementary artist pjcolorcomp11 pjcolorcomp
Likes 5
Colors 11

CSS variables

:root {
  --c-earthy-1: #F2FDFF;
  --c-earthy-2: #85C8E2;
  --c-earthy-3: #97D374;
  --c-earthy-4: #93928D;
  --c-earthy-5: #5E5A93;
  --c-earthy-6: #222849;
  --c-earthy-7: #EFDD8B;
  --c-earthy-8: #E5A57E;
  --c-earthy-9: #CE6D5C;
  --c-earthy-10: #875D4E;
  --c-earthy-11: #663358;
}

About this palette

This 11-color earthy palette runs from Vapour (#F2FDFF) as its lightest tone to Fainting Light (#222849) as its darkest. It blends Vapour, Budgie Blue, Tropical Light, Winter Park, Old Nan Yarn, Fainting Light, Coco-Lemon Tart, Orange Clay, Red Orpiment, Carob Brown and Blackberry Deep Red into a single set you can drop straight into a UI. Of its 55 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F2FDFF on #222849 at 13.81:1.

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

Color breakdown

Vapour #F2FDFF
RGB
rgb(242, 253, 255)
HSL
hsl(189, 100%, 97%)
Luminance
0.964
Budgie Blue #85C8E2
RGB
rgb(133, 200, 226)
HSL
hsl(197, 62%, 70%)
Luminance
0.518
Tropical Light #97D374
RGB
rgb(151, 211, 116)
HSL
hsl(98, 52%, 64%)
Luminance
0.544
Winter Park #93928D
RGB
rgb(147, 146, 141)
HSL
hsl(50, 3%, 56%)
Luminance
0.287
Old Nan Yarn #5E5A93
RGB
rgb(94, 90, 147)
HSL
hsl(244, 24%, 46%)
Luminance
0.118
Fainting Light #222849
RGB
rgb(34, 40, 73)
HSL
hsl(231, 36%, 21%)
Luminance
0.023
Coco-Lemon Tart #EFDD8B
RGB
rgb(239, 221, 139)
HSL
hsl(49, 76%, 74%)
Luminance
0.719
Orange Clay #E5A57E
RGB
rgb(229, 165, 126)
HSL
hsl(23, 66%, 70%)
Luminance
0.451
Red Orpiment #CE6D5C
RGB
rgb(206, 109, 92)
HSL
hsl(9, 54%, 58%)
Luminance
0.248
Carob Brown #875D4E
RGB
rgb(135, 93, 78)
HSL
hsl(16, 27%, 42%)
Luminance
0.135
Blackberry Deep Red #663358
RGB
rgb(102, 51, 88)
HSL
hsl(316, 33%, 30%)
Luminance
0.059

Contrast & accessibility

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

Aa #F2FDFF on #222849 13.81:1 AAA
Aa #222849 on #EFDD8B 10.48:1 AAA
Aa #F2FDFF on #663358 9.30:1 AAA
Aa #97D374 on #222849 8.10:1 AAA
Aa #85C8E2 on #222849 7.74:1 AAA
Aa #EFDD8B on #663358 7.06:1 AAA
Aa #222849 on #E5A57E 6.82:1 AA
Aa #F2FDFF on #5E5A93 6.03:1 AA
Aa #F2FDFF on #875D4E 5.47:1 AA
Aa #97D374 on #663358 5.45:1 AA
Aa #85C8E2 on #663358 5.21:1 AA
Aa #E5A57E on #663358 4.60:1 AA
Aa #93928D on #222849 4.59:1 AA
Aa #5E5A93 on #EFDD8B 4.58:1 AA
Aa #EFDD8B on #875D4E 4.15:1 AA Large
Aa #222849 on #CE6D5C 4.06:1 AA Large
Aa #97D374 on #5E5A93 3.54:1 AA Large
Aa #F2FDFF on #CE6D5C 3.40:1 AA Large
Aa #85C8E2 on #5E5A93 3.38:1 AA Large
Aa #97D374 on #875D4E 3.21:1 AA Large
Aa #93928D on #663358 3.09:1 AA Large
Aa #85C8E2 on #875D4E 3.06:1 AA Large
Aa #F2FDFF on #93928D 3.01:1 AA Large
Aa #5E5A93 on #E5A57E 2.98:1 Fail
Aa #CE6D5C on #663358 2.74:1 Fail
Aa #E5A57E on #875D4E 2.70:1 Fail
Aa #EFDD8B on #CE6D5C 2.58:1 Fail
Aa #222849 on #875D4E 2.52:1 Fail
Aa #5E5A93 on #222849 2.29:1 Fail
Aa #93928D on #EFDD8B 2.28:1 Fail
Aa #F2FDFF on #E5A57E 2.02:1 Fail
Aa #93928D on #5E5A93 2.01:1 Fail
Aa #97D374 on #CE6D5C 1.99:1 Fail
Aa #85C8E2 on #CE6D5C 1.90:1 Fail
Aa #93928D on #875D4E 1.82:1 Fail
Aa #F2FDFF on #85C8E2 1.78:1 Fail
Aa #5E5A93 on #CE6D5C 1.78:1 Fail
Aa #97D374 on #93928D 1.76:1 Fail
Aa #F2FDFF on #97D374 1.71:1 Fail
Aa #875D4E on #663358 1.70:1 Fail
Aa #85C8E2 on #93928D 1.69:1 Fail
Aa #E5A57E on #CE6D5C 1.68:1 Fail
Aa #CE6D5C on #875D4E 1.61:1 Fail
Aa #5E5A93 on #663358 1.54:1 Fail
Aa #EFDD8B on #E5A57E 1.54:1 Fail
Aa #93928D on #E5A57E 1.49:1 Fail
Aa #222849 on #663358 1.48:1 Fail
Aa #85C8E2 on #EFDD8B 1.35:1 Fail
Aa #F2FDFF on #EFDD8B 1.32:1 Fail
Aa #97D374 on #EFDD8B 1.29:1 Fail
Aa #97D374 on #E5A57E 1.19:1 Fail
Aa #85C8E2 on #E5A57E 1.13:1 Fail
Aa #93928D on #CE6D5C 1.13:1 Fail
Aa #5E5A93 on #875D4E 1.10:1 Fail
Aa #85C8E2 on #97D374 1.05:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors