Sign Up Sign Up
Kyu

Kyu

10-color palette · Warm · Mixed · Complementary harmony

Back to Library

Kyu

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

Modify
Earthy 10 colors Warm Mixed Complementary froeu
Likes 13
Colors 10

CSS variables

:root {
  --c-earthy-1: #01060F;
  --c-earthy-2: #3E2E2F;
  --c-earthy-3: #5A5475;
  --c-earthy-4: #837A7C;
  --c-earthy-5: #D5917D;
  --c-earthy-6: #F1B674;
  --c-earthy-7: #F5BCA4;
  --c-earthy-8: #BDB1C2;
  --c-earthy-9: #EB83A0;
  --c-earthy-10: #B67995;
}

About this palette

This 10-color earthy palette runs from Heirloom Apricot (#F5BCA4) as its lightest tone to Eight Ball (#01060F) as its darkest. It blends Eight Ball, Chocolate Plum, The Fang, Storm Front, Orange Essential, Golden Corn, Heirloom Apricot, Almost Plum, Iced Berry and Choral Singer into a single set you can drop straight into a UI. Of its 45 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #01060F on #F5BCA4 at 12.19:1.

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

Color breakdown

Eight Ball #01060F
RGB
rgb(1, 6, 15)
HSL
hsl(219, 88%, 3%)
Luminance
0.002
Chocolate Plum #3E2E2F
RGB
rgb(62, 46, 47)
HSL
hsl(356, 15%, 21%)
Luminance
0.032
The Fang #5A5475
RGB
rgb(90, 84, 117)
HSL
hsl(251, 16%, 39%)
Luminance
0.098
Storm Front #837A7C
RGB
rgb(131, 122, 124)
HSL
hsl(347, 4%, 50%)
Luminance
0.202
Orange Essential #D5917D
RGB
rgb(213, 145, 125)
HSL
hsl(14, 51%, 66%)
Luminance
0.359
Golden Corn #F1B674
RGB
rgb(241, 182, 116)
HSL
hsl(32, 82%, 70%)
Luminance
0.534
Heirloom Apricot #F5BCA4
RGB
rgb(245, 188, 164)
HSL
hsl(18, 80%, 80%)
Luminance
0.581
Almost Plum #BDB1C2
RGB
rgb(189, 177, 194)
HSL
hsl(282, 12%, 73%)
Luminance
0.462
Iced Berry #EB83A0
RGB
rgb(235, 131, 160)
HSL
hsl(343, 72%, 72%)
Luminance
0.364
Choral Singer #B67995
RGB
rgb(182, 121, 149)
HSL
hsl(332, 29%, 59%)
Luminance
0.258

Contrast & accessibility

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

Aa #01060F on #F5BCA4 12.19:1 AAA
Aa #01060F on #F1B674 11.30:1 AAA
Aa #01060F on #BDB1C2 9.89:1 AAA
Aa #01060F on #EB83A0 8.01:1 AAA
Aa #01060F on #D5917D 7.90:1 AAA
Aa #3E2E2F on #F5BCA4 7.71:1 AAA
Aa #3E2E2F on #F1B674 7.14:1 AAA
Aa #3E2E2F on #BDB1C2 6.25:1 AA
Aa #01060F on #B67995 5.95:1 AA
Aa #3E2E2F on #EB83A0 5.06:1 AA
Aa #3E2E2F on #D5917D 5.00:1 AA
Aa #01060F on #837A7C 4.87:1 AA
Aa #5A5475 on #F5BCA4 4.26:1 AA Large
Aa #5A5475 on #F1B674 3.95:1 AA Large
Aa #3E2E2F on #B67995 3.76:1 AA Large
Aa #5A5475 on #BDB1C2 3.46:1 AA Large
Aa #3E2E2F on #837A7C 3.08:1 AA Large
Aa #01060F on #5A5475 2.86:1 Fail
Aa #5A5475 on #EB83A0 2.80:1 Fail
Aa #5A5475 on #D5917D 2.76:1 Fail
Aa #837A7C on #F5BCA4 2.50:1 Fail
Aa #837A7C on #F1B674 2.32:1 Fail
Aa #5A5475 on #B67995 2.08:1 Fail
Aa #F5BCA4 on #B67995 2.05:1 Fail
Aa #837A7C on #BDB1C2 2.03:1 Fail
Aa #F1B674 on #B67995 1.90:1 Fail
Aa #3E2E2F on #5A5475 1.81:1 Fail
Aa #5A5475 on #837A7C 1.70:1 Fail
Aa #BDB1C2 on #B67995 1.66:1 Fail
Aa #837A7C on #EB83A0 1.64:1 Fail
Aa #837A7C on #D5917D 1.62:1 Fail
Aa #01060F on #3E2E2F 1.58:1 Fail
Aa #D5917D on #F5BCA4 1.54:1 Fail
Aa #F5BCA4 on #EB83A0 1.52:1 Fail
Aa #D5917D on #F1B674 1.43:1 Fail
Aa #F1B674 on #EB83A0 1.41:1 Fail
Aa #EB83A0 on #B67995 1.35:1 Fail
Aa #D5917D on #B67995 1.33:1 Fail
Aa #D5917D on #BDB1C2 1.25:1 Fail
Aa #F5BCA4 on #BDB1C2 1.23:1 Fail
Aa #BDB1C2 on #EB83A0 1.23:1 Fail
Aa #837A7C on #B67995 1.22:1 Fail
Aa #F1B674 on #BDB1C2 1.14:1 Fail
Aa #F1B674 on #F5BCA4 1.08:1 Fail
Aa #D5917D on #EB83A0 1.01: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