Sign Up Sign Up
Night 11

Night 11

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

Night 11

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

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

CSS variables

:root {
  --c-earthy-1: #183048;
  --c-earthy-2: #507088;
  --c-earthy-3: #B0E0D8;
  --c-earthy-4: #98B880;
  --c-earthy-5: #FFF0B8;
  --c-earthy-6: #E8B4A0;
  --c-earthy-7: #9890A8;
  --c-earthy-8: #705180;
  --c-earthy-9: #743838;
  --c-earthy-10: #986858;
  --c-earthy-11: #D07050;
}

About this palette

This 11-color earthy palette runs from Dandelion Whisper (#FFF0B8) as its lightest tone to NATO Blue (#183048) as its darkest. It blends NATO Blue, Inky Blue, Fair Aqua, Willow Dyed, Dandelion Whisper, Black-Eyed Peach, Jazz Tune, Patrician Purple, Oxford Brick, Muscovado Sugar and Sun Baked into a single set you can drop straight into a UI. Of its 55 color pairings, 10 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #183048 on #FFF0B8 at 11.84:1.

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

Color breakdown

NATO Blue #183048
RGB
rgb(24, 48, 72)
HSL
hsl(210, 50%, 19%)
Luminance
0.028
Inky Blue #507088
RGB
rgb(80, 112, 136)
HSL
hsl(206, 26%, 42%)
Luminance
0.151
Fair Aqua #B0E0D8
RGB
rgb(176, 224, 216)
HSL
hsl(170, 44%, 78%)
Luminance
0.675
Willow Dyed #98B880
RGB
rgb(152, 184, 128)
HSL
hsl(94, 28%, 61%)
Luminance
0.425
Dandelion Whisper #FFF0B8
RGB
rgb(255, 240, 184)
HSL
hsl(47, 100%, 86%)
Luminance
0.870
Black-Eyed Peach #E8B4A0
RGB
rgb(232, 180, 160)
HSL
hsl(17, 61%, 77%)
Luminance
0.523
Jazz Tune #9890A8
RGB
rgb(152, 144, 168)
HSL
hsl(260, 12%, 61%)
Luminance
0.295
Patrician Purple #705180
RGB
rgb(112, 81, 128)
HSL
hsl(280, 22%, 41%)
Luminance
0.109
Oxford Brick #743838
RGB
rgb(116, 56, 56)
HSL
hsl(0, 35%, 34%)
Luminance
0.068
Muscovado Sugar #986858
RGB
rgb(152, 104, 88)
HSL
hsl(15, 27%, 47%)
Luminance
0.173
Sun Baked #D07050
RGB
rgb(208, 112, 80)
HSL
hsl(15, 58%, 56%)
Luminance
0.256

Contrast & accessibility

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

Aa #183048 on #FFF0B8 11.84:1 AAA
Aa #183048 on #B0E0D8 9.32:1 AAA
Aa #FFF0B8 on #743838 7.78:1 AAA
Aa #183048 on #E8B4A0 7.37:1 AAA
Aa #B0E0D8 on #743838 6.13:1 AA
Aa #183048 on #98B880 6.11:1 AA
Aa #FFF0B8 on #705180 5.79:1 AA
Aa #E8B4A0 on #743838 4.85:1 AA
Aa #507088 on #FFF0B8 4.59:1 AA
Aa #B0E0D8 on #705180 4.56:1 AA
Aa #183048 on #9890A8 4.43:1 AA Large
Aa #FFF0B8 on #986858 4.13:1 AA Large
Aa #98B880 on #743838 4.02:1 AA Large
Aa #183048 on #D07050 3.93:1 AA Large
Aa #507088 on #B0E0D8 3.61:1 AA Large
Aa #E8B4A0 on #705180 3.61:1 AA Large
Aa #B0E0D8 on #986858 3.25:1 AA Large
Aa #FFF0B8 on #D07050 3.01:1 AA Large
Aa #98B880 on #705180 2.99:1 Fail
Aa #9890A8 on #743838 2.91:1 Fail
Aa #183048 on #986858 2.87:1 Fail
Aa #507088 on #E8B4A0 2.86:1 Fail
Aa #FFF0B8 on #9890A8 2.67:1 Fail
Aa #743838 on #D07050 2.59:1 Fail
Aa #183048 on #507088 2.58:1 Fail
Aa #E8B4A0 on #986858 2.57:1 Fail
Aa #507088 on #98B880 2.37:1 Fail
Aa #B0E0D8 on #D07050 2.37:1 Fail
Aa #9890A8 on #705180 2.17:1 Fail
Aa #98B880 on #986858 2.13:1 Fail
Aa #B0E0D8 on #9890A8 2.10:1 Fail
Aa #183048 on #705180 2.04:1 Fail
Aa #98B880 on #FFF0B8 1.94:1 Fail
Aa #705180 on #D07050 1.92:1 Fail
Aa #E8B4A0 on #D07050 1.88:1 Fail
Aa #743838 on #986858 1.88:1 Fail
Aa #507088 on #9890A8 1.72:1 Fail
Aa #507088 on #743838 1.70:1 Fail
Aa #E8B4A0 on #9890A8 1.66:1 Fail
Aa #FFF0B8 on #E8B4A0 1.61:1 Fail
Aa #98B880 on #D07050 1.55:1 Fail
Aa #9890A8 on #986858 1.55:1 Fail
Aa #B0E0D8 on #98B880 1.53:1 Fail
Aa #183048 on #743838 1.52:1 Fail
Aa #507088 on #D07050 1.52:1 Fail
Aa #705180 on #986858 1.40:1 Fail
Aa #98B880 on #9890A8 1.38:1 Fail
Aa #986858 on #D07050 1.37:1 Fail
Aa #705180 on #743838 1.34:1 Fail
Aa #B0E0D8 on #FFF0B8 1.27:1 Fail
Aa #507088 on #705180 1.26:1 Fail
Aa #B0E0D8 on #E8B4A0 1.26:1 Fail
Aa #98B880 on #E8B4A0 1.21:1 Fail
Aa #9890A8 on #D07050 1.13:1 Fail
Aa #507088 on #986858 1.11: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