Sign Up Sign Up
Unfamiliar Delicious World

Unfamiliar Delicious World

12-color palette · Cool · Mixed · Complementary harmony

Back to Library

Unfamiliar Delicious World

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

Modify
Earthy 12 colors Cool Mixed Complementary night blue yellow 12
Likes 47
Colors 12

CSS variables

:root {
  --c-earthy-1: #5E55EF;
  --c-earthy-2: #BE9921;
  --c-earthy-3: #BDBEDC;
  --c-earthy-4: #86A351;
  --c-earthy-5: #44485D;
  --c-earthy-6: #110D1A;
  --c-earthy-7: #624160;
  --c-earthy-8: #9E6867;
  --c-earthy-9: #A590A5;
  --c-earthy-10: #7898AF;
  --c-earthy-11: #477A73;
  --c-earthy-12: #19329B;
}

About this palette

This 12-color earthy palette runs from Rhapsody Lilac (#BDBEDC) as its lightest tone to Nyctophobia (#110D1A) as its darkest. It blends Aquarius Mood Indigo, Nugget Gold, Rhapsody Lilac, Mosquito Fern, Sapphire Stone, Nyctophobia, Royal Plum, Spring Rosewood, Fields of Provence, Post Boy, Sea Pea and North Star Blue into a single set you can drop straight into a UI. Of its 66 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #BDBEDC on #110D1A at 10.55:1.

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

Color breakdown

Aquarius Mood Indigo #5E55EF
RGB
rgb(94, 85, 239)
HSL
hsl(244, 83%, 64%)
Luminance
0.151
Nugget Gold #BE9921
RGB
rgb(190, 153, 33)
HSL
hsl(46, 70%, 44%)
Luminance
0.338
Rhapsody Lilac #BDBEDC
RGB
rgb(189, 190, 220)
HSL
hsl(238, 31%, 80%)
Luminance
0.528
Mosquito Fern #86A351
RGB
rgb(134, 163, 81)
HSL
hsl(81, 34%, 48%)
Luminance
0.319
Sapphire Stone #44485D
RGB
rgb(68, 72, 93)
HSL
hsl(230, 16%, 32%)
Luminance
0.067
Nyctophobia #110D1A
RGB
rgb(17, 13, 26)
HSL
hsl(258, 33%, 8%)
Luminance
0.005
Royal Plum #624160
RGB
rgb(98, 65, 96)
HSL
hsl(304, 20%, 32%)
Luminance
0.072
Spring Rosewood #9E6867
RGB
rgb(158, 104, 103)
HSL
hsl(1, 22%, 51%)
Luminance
0.182
Fields of Provence #A590A5
RGB
rgb(165, 144, 165)
HSL
hsl(300, 10%, 61%)
Luminance
0.307
Post Boy #7898AF
RGB
rgb(120, 152, 175)
HSL
hsl(205, 26%, 58%)
Luminance
0.295
Sea Pea #477A73
RGB
rgb(71, 122, 115)
HSL
hsl(172, 26%, 38%)
Luminance
0.165
North Star Blue #19329B
RGB
rgb(25, 50, 155)
HSL
hsl(228, 72%, 35%)
Luminance
0.049

Contrast & accessibility

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

Aa #BDBEDC on #110D1A 10.55:1 AAA
Aa #BE9921 on #110D1A 7.09:1 AAA
Aa #86A351 on #110D1A 6.72:1 AA
Aa #110D1A on #A590A5 6.51:1 AA
Aa #110D1A on #7898AF 6.30:1 AA
Aa #BDBEDC on #19329B 5.87:1 AA
Aa #BDBEDC on #44485D 4.96:1 AA
Aa #BDBEDC on #624160 4.73:1 AA
Aa #110D1A on #9E6867 4.22:1 AA Large
Aa #BE9921 on #19329B 3.94:1 AA Large
Aa #110D1A on #477A73 3.92:1 AA Large
Aa #86A351 on #19329B 3.74:1 AA Large
Aa #5E55EF on #110D1A 3.67:1 AA Large
Aa #A590A5 on #19329B 3.62:1 AA Large
Aa #7898AF on #19329B 3.51:1 AA Large
Aa #BE9921 on #44485D 3.33:1 AA Large
Aa #BE9921 on #624160 3.18:1 AA Large
Aa #86A351 on #44485D 3.16:1 AA Large
Aa #44485D on #A590A5 3.06:1 AA Large
Aa #86A351 on #624160 3.02:1 AA Large
Aa #44485D on #7898AF 2.96:1 Fail
Aa #624160 on #A590A5 2.92:1 Fail
Aa #5E55EF on #BDBEDC 2.88:1 Fail
Aa #624160 on #7898AF 2.83:1 Fail
Aa #BDBEDC on #477A73 2.69:1 Fail
Aa #BDBEDC on #9E6867 2.50:1 Fail
Aa #9E6867 on #19329B 2.35:1 Fail
Aa #110D1A on #624160 2.23:1 Fail
Aa #477A73 on #19329B 2.18:1 Fail
Aa #44485D on #110D1A 2.13:1 Fail
Aa #5E55EF on #19329B 2.04:1 Fail
Aa #44485D on #9E6867 1.99:1 Fail
Aa #5E55EF on #BE9921 1.93:1 Fail
Aa #624160 on #9E6867 1.89:1 Fail
Aa #44485D on #477A73 1.84:1 Fail
Aa #5E55EF on #86A351 1.83:1 Fail
Aa #BE9921 on #477A73 1.81:1 Fail
Aa #110D1A on #19329B 1.80:1 Fail
Aa #5E55EF on #A590A5 1.77:1 Fail
Aa #624160 on #477A73 1.76:1 Fail
Aa #5E55EF on #44485D 1.73:1 Fail
Aa #5E55EF on #7898AF 1.72:1 Fail
Aa #86A351 on #477A73 1.71:1 Fail
Aa #BE9921 on #9E6867 1.68:1 Fail
Aa #BDBEDC on #7898AF 1.67:1 Fail
Aa #A590A5 on #477A73 1.66:1 Fail
Aa #5E55EF on #624160 1.65:1 Fail
Aa #BDBEDC on #A590A5 1.62:1 Fail
Aa #7898AF on #477A73 1.61:1 Fail
Aa #86A351 on #9E6867 1.59:1 Fail
Aa #BDBEDC on #86A351 1.57:1 Fail
Aa #9E6867 on #A590A5 1.54:1 Fail
Aa #BE9921 on #BDBEDC 1.49:1 Fail
Aa #9E6867 on #7898AF 1.49:1 Fail
Aa #624160 on #19329B 1.24:1 Fail
Aa #44485D on #19329B 1.18:1 Fail
Aa #5E55EF on #9E6867 1.15:1 Fail
Aa #BE9921 on #7898AF 1.12:1 Fail
Aa #BE9921 on #A590A5 1.09:1 Fail
Aa #9E6867 on #477A73 1.08:1 Fail
Aa #5E55EF on #477A73 1.07:1 Fail
Aa #86A351 on #7898AF 1.07:1 Fail
Aa #BE9921 on #86A351 1.05:1 Fail
Aa #44485D on #624160 1.05:1 Fail
Aa #86A351 on #A590A5 1.03:1 Fail
Aa #A590A5 on #7898AF 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