Sign Up Sign Up
Finlal 11

Finlal 11

11-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Finlal 11

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

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

CSS variables

:root {
  --c-earthy-1: #171419;
  --c-earthy-2: #530C1E;
  --c-earthy-3: #223555;
  --c-earthy-4: #AF3451;
  --c-earthy-5: #3B6688;
  --c-earthy-6: #238433;
  --c-earthy-7: #9F8474;
  --c-earthy-8: #889EB7;
  --c-earthy-9: #BDA0BC;
  --c-earthy-10: #CBC990;
  --c-earthy-11: #E4E5F1;
}

About this palette

This 11-color earthy palette runs from Lavender Syrup (#E4E5F1) as its lightest tone to Dark Void (#171419) as its darkest. It blends Dark Void, Maroon Oak, Boatswain, Raspberry Wine, Mississippi River, Gorgeous Green, Wood Lake, Astro Bound, Leek Blossom Pink, Creamy Spinaci and Lavender Syrup 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 #171419 on #E4E5F1 at 14.58:1.

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

Color breakdown

Dark Void #171419
RGB
rgb(23, 20, 25)
HSL
hsl(276, 11%, 9%)
Luminance
0.008
Maroon Oak #530C1E
RGB
rgb(83, 12, 30)
HSL
hsl(345, 75%, 19%)
Luminance
0.022
Boatswain #223555
RGB
rgb(34, 53, 85)
HSL
hsl(218, 43%, 23%)
Luminance
0.035
Raspberry Wine #AF3451
RGB
rgb(175, 52, 81)
HSL
hsl(346, 54%, 45%)
Luminance
0.122
Mississippi River #3B6688
RGB
rgb(59, 102, 136)
HSL
hsl(206, 39%, 38%)
Luminance
0.122
Gorgeous Green #238433
RGB
rgb(35, 132, 51)
HSL
hsl(130, 58%, 33%)
Luminance
0.171
Wood Lake #9F8474
RGB
rgb(159, 132, 116)
HSL
hsl(22, 18%, 54%)
Luminance
0.251
Astro Bound #889EB7
RGB
rgb(136, 158, 183)
HSL
hsl(212, 25%, 63%)
Luminance
0.331
Leek Blossom Pink #BDA0BC
RGB
rgb(189, 160, 188)
HSL
hsl(302, 18%, 68%)
Luminance
0.396
Creamy Spinaci #CBC990
RGB
rgb(203, 201, 144)
HSL
hsl(58, 36%, 68%)
Luminance
0.565
Lavender Syrup #E4E5F1
RGB
rgb(228, 229, 241)
HSL
hsl(235, 32%, 92%)
Luminance
0.789

Contrast & accessibility

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

Aa #171419 on #E4E5F1 14.58:1 AAA
Aa #530C1E on #E4E5F1 11.66:1 AAA
Aa #171419 on #CBC990 10.69:1 AAA
Aa #223555 on #E4E5F1 9.82:1 AAA
Aa #530C1E on #CBC990 8.54:1 AAA
Aa #171419 on #BDA0BC 7.75:1 AAA
Aa #223555 on #CBC990 7.20:1 AAA
Aa #171419 on #889EB7 6.62:1 AA
Aa #530C1E on #BDA0BC 6.20:1 AA
Aa #530C1E on #889EB7 5.30:1 AA
Aa #171419 on #9F8474 5.24:1 AA
Aa #223555 on #BDA0BC 5.22:1 AA
Aa #AF3451 on #E4E5F1 4.89:1 AA
Aa #3B6688 on #E4E5F1 4.87:1 AA
Aa #223555 on #889EB7 4.46:1 AA Large
Aa #530C1E on #9F8474 4.19:1 AA Large
Aa #171419 on #238433 3.84:1 AA Large
Aa #238433 on #E4E5F1 3.80:1 AA Large
Aa #AF3451 on #CBC990 3.58:1 AA Large
Aa #3B6688 on #CBC990 3.57:1 AA Large
Aa #223555 on #9F8474 3.53:1 AA Large
Aa #530C1E on #238433 3.07:1 AA Large
Aa #171419 on #3B6688 2.99:1 Fail
Aa #171419 on #AF3451 2.98:1 Fail
Aa #238433 on #CBC990 2.78:1 Fail
Aa #9F8474 on #E4E5F1 2.78:1 Fail
Aa #AF3451 on #BDA0BC 2.60:1 Fail
Aa #223555 on #238433 2.59:1 Fail
Aa #3B6688 on #BDA0BC 2.59:1 Fail
Aa #530C1E on #AF3451 2.39:1 Fail
Aa #530C1E on #3B6688 2.39:1 Fail
Aa #AF3451 on #889EB7 2.22:1 Fail
Aa #3B6688 on #889EB7 2.21:1 Fail
Aa #889EB7 on #E4E5F1 2.20:1 Fail
Aa #9F8474 on #CBC990 2.04:1 Fail
Aa #238433 on #BDA0BC 2.02:1 Fail
Aa #223555 on #AF3451 2.01:1 Fail
Aa #223555 on #3B6688 2.01:1 Fail
Aa #BDA0BC on #E4E5F1 1.88:1 Fail
Aa #AF3451 on #9F8474 1.76:1 Fail
Aa #3B6688 on #9F8474 1.75:1 Fail
Aa #238433 on #889EB7 1.72:1 Fail
Aa #889EB7 on #CBC990 1.61:1 Fail
Aa #171419 on #223555 1.48:1 Fail
Aa #9F8474 on #BDA0BC 1.48:1 Fail
Aa #BDA0BC on #CBC990 1.38:1 Fail
Aa #238433 on #9F8474 1.36:1 Fail
Aa #CBC990 on #E4E5F1 1.36:1 Fail
Aa #AF3451 on #238433 1.29:1 Fail
Aa #3B6688 on #238433 1.28:1 Fail
Aa #9F8474 on #889EB7 1.26:1 Fail
Aa #171419 on #530C1E 1.25:1 Fail
Aa #530C1E on #223555 1.19:1 Fail
Aa #889EB7 on #BDA0BC 1.17:1 Fail
Aa #AF3451 on #3B6688 1.00:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors