Sign Up Sign Up
Hope 11

Hope 11

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

Hope 11

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

Modify
Earthy 11 colors Cool Mixed Complementary vibrant artist colorful happy
Likes 208
Colors 11

CSS variables

:root {
  --c-earthy-1: #1C1A3A;
  --c-earthy-2: #2A2662;
  --c-earthy-3: #355281;
  --c-earthy-4: #408898;
  --c-earthy-5: #57BD91;
  --c-earthy-6: #A4D969;
  --c-earthy-7: #F0EB88;
  --c-earthy-8: #D9A269;
  --c-earthy-9: #BD5757;
  --c-earthy-10: #984092;
  --c-earthy-11: #5A3581;
}

About this palette

This 11-color earthy palette runs from Pineapple Perfume (#F0EB88) as its lightest tone to Nightwalker (#1C1A3A) as its darkest. It blends Nightwalker, Deep Breath, Fun Blue, Seachange, Blue Green Scene, Last of Lettuce, Pineapple Perfume, Kombucha, Chōshun Red, Viva Magenta and Kingfisher Daisy into a single set you can drop straight into a UI. Of its 55 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1C1A3A on #F0EB88 at 13.47:1.

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

Color breakdown

Nightwalker #1C1A3A
RGB
rgb(28, 26, 58)
HSL
hsl(244, 38%, 16%)
Luminance
0.013
Deep Breath #2A2662
RGB
rgb(42, 38, 98)
HSL
hsl(244, 44%, 27%)
Luminance
0.028
Fun Blue #355281
RGB
rgb(53, 82, 129)
HSL
hsl(217, 42%, 36%)
Luminance
0.084
Seachange #408898
RGB
rgb(64, 136, 152)
HSL
hsl(191, 41%, 42%)
Luminance
0.210
Blue Green Scene #57BD91
RGB
rgb(87, 189, 145)
HSL
hsl(154, 44%, 54%)
Luminance
0.405
Last of Lettuce #A4D969
RGB
rgb(164, 217, 105)
HSL
hsl(88, 60%, 63%)
Luminance
0.585
Pineapple Perfume #F0EB88
RGB
rgb(240, 235, 136)
HSL
hsl(57, 78%, 74%)
Luminance
0.797
Kombucha #D9A269
RGB
rgb(217, 162, 105)
HSL
hsl(31, 60%, 63%)
Luminance
0.416
Chōshun Red #BD5757
RGB
rgb(189, 87, 87)
HSL
hsl(0, 44%, 54%)
Luminance
0.183
Viva Magenta #984092
RGB
rgb(152, 64, 146)
HSL
hsl(304, 41%, 42%)
Luminance
0.124
Kingfisher Daisy #5A3581
RGB
rgb(90, 53, 129)
HSL
hsl(269, 42%, 36%)
Luminance
0.063

Contrast & accessibility

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

Aa #1C1A3A on #F0EB88 13.47:1 AAA
Aa #2A2662 on #F0EB88 10.92:1 AAA
Aa #1C1A3A on #A4D969 10.10:1 AAA
Aa #2A2662 on #A4D969 8.19:1 AAA
Aa #F0EB88 on #5A3581 7.49:1 AAA
Aa #1C1A3A on #D9A269 7.41:1 AAA
Aa #1C1A3A on #57BD91 7.23:1 AAA
Aa #355281 on #F0EB88 6.33:1 AA
Aa #2A2662 on #D9A269 6.01:1 AA
Aa #2A2662 on #57BD91 5.86:1 AA
Aa #A4D969 on #5A3581 5.62:1 AA
Aa #F0EB88 on #984092 4.86:1 AA
Aa #355281 on #A4D969 4.75:1 AA
Aa #1C1A3A on #408898 4.13:1 AA Large
Aa #D9A269 on #5A3581 4.12:1 AA Large
Aa #57BD91 on #5A3581 4.02:1 AA Large
Aa #1C1A3A on #BD5757 3.71:1 AA Large
Aa #A4D969 on #984092 3.65:1 AA Large
Aa #F0EB88 on #BD5757 3.63:1 AA Large
Aa #355281 on #D9A269 3.48:1 AA Large
Aa #355281 on #57BD91 3.40:1 AA Large
Aa #2A2662 on #408898 3.35:1 AA Large
Aa #408898 on #F0EB88 3.26:1 AA Large
Aa #2A2662 on #BD5757 3.01:1 AA Large
Aa #1C1A3A on #984092 2.77:1 Fail
Aa #A4D969 on #BD5757 2.72:1 Fail
Aa #D9A269 on #984092 2.68:1 Fail
Aa #57BD91 on #984092 2.61:1 Fail
Aa #408898 on #A4D969 2.45:1 Fail
Aa #408898 on #5A3581 2.30:1 Fail
Aa #2A2662 on #984092 2.24:1 Fail
Aa #1C1A3A on #355281 2.13:1 Fail
Aa #BD5757 on #5A3581 2.06:1 Fail
Aa #D9A269 on #BD5757 2.00:1 Fail
Aa #57BD91 on #BD5757 1.95:1 Fail
Aa #355281 on #408898 1.94:1 Fail
Aa #57BD91 on #F0EB88 1.86:1 Fail
Aa #F0EB88 on #D9A269 1.82:1 Fail
Aa #1C1A3A on #5A3581 1.80:1 Fail
Aa #408898 on #D9A269 1.80:1 Fail
Aa #408898 on #57BD91 1.75:1 Fail
Aa #355281 on #BD5757 1.74:1 Fail
Aa #2A2662 on #355281 1.72:1 Fail
Aa #984092 on #5A3581 1.54:1 Fail
Aa #408898 on #984092 1.49:1 Fail
Aa #2A2662 on #5A3581 1.46:1 Fail
Aa #57BD91 on #A4D969 1.40:1 Fail
Aa #A4D969 on #D9A269 1.36:1 Fail
Aa #BD5757 on #984092 1.34:1 Fail
Aa #A4D969 on #F0EB88 1.33:1 Fail
Aa #355281 on #984092 1.30:1 Fail
Aa #1C1A3A on #2A2662 1.23:1 Fail
Aa #355281 on #5A3581 1.18:1 Fail
Aa #408898 on #BD5757 1.11:1 Fail
Aa #57BD91 on #D9A269 1.03: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