Sign Up Sign Up
Feel Better

Feel Better

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Feel Better

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

Modify
Earthy 8 colors Neutral Mixed Complementary blue 8 brown dull
Likes 31
Colors 8

CSS variables

:root {
  --c-earthy-1: #0D1425;
  --c-earthy-2: #472C32;
  --c-earthy-3: #7E5141;
  --c-earthy-4: #E3D8BB;
  --c-earthy-5: #FFFBD9;
  --c-earthy-6: #96BBDB;
  --c-earthy-7: #5E6EA0;
  --c-earthy-8: #3E3C65;
}

About this palette

This 8-color earthy palette runs from Cheesecake (#FFFBD9) as its lightest tone to Corbeau (#0D1425) as its darkest. It blends Corbeau, Wine Tasting, Nougat Brown, Cornerstone, Cheesecake, Manakin, Moonshade and Storm Is Coming into a single set you can drop straight into a UI. Of its 28 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0D1425 on #FFFBD9 at 17.53:1.

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

Color breakdown

Corbeau #0D1425
RGB
rgb(13, 20, 37)
HSL
hsl(223, 48%, 10%)
Luminance
0.007
Wine Tasting #472C32
RGB
rgb(71, 44, 50)
HSL
hsl(347, 23%, 23%)
Luminance
0.034
Nougat Brown #7E5141
RGB
rgb(126, 81, 65)
HSL
hsl(16, 32%, 37%)
Luminance
0.107
Cornerstone #E3D8BB
RGB
rgb(227, 216, 187)
HSL
hsl(44, 42%, 81%)
Luminance
0.690
Cheesecake #FFFBD9
RGB
rgb(255, 251, 217)
HSL
hsl(54, 100%, 93%)
Luminance
0.953
Manakin #96BBDB
RGB
rgb(150, 187, 219)
HSL
hsl(208, 49%, 72%)
Luminance
0.471
Moonshade #5E6EA0
RGB
rgb(94, 110, 160)
HSL
hsl(225, 26%, 50%)
Luminance
0.161
Storm Is Coming #3E3C65
RGB
rgb(62, 60, 101)
HSL
hsl(243, 25%, 32%)
Luminance
0.052

Contrast & accessibility

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

Aa #0D1425 on #FFFBD9 17.53:1 AAA
Aa #0D1425 on #E3D8BB 12.94:1 AAA
Aa #472C32 on #FFFBD9 11.98:1 AAA
Aa #FFFBD9 on #3E3C65 9.83:1 AAA
Aa #0D1425 on #96BBDB 9.12:1 AAA
Aa #472C32 on #E3D8BB 8.84:1 AAA
Aa #E3D8BB on #3E3C65 7.26:1 AAA
Aa #7E5141 on #FFFBD9 6.39:1 AA
Aa #472C32 on #96BBDB 6.23:1 AA
Aa #96BBDB on #3E3C65 5.11:1 AA
Aa #FFFBD9 on #5E6EA0 4.76:1 AA
Aa #7E5141 on #E3D8BB 4.71:1 AA
Aa #0D1425 on #5E6EA0 3.68:1 AA Large
Aa #E3D8BB on #5E6EA0 3.51:1 AA Large
Aa #7E5141 on #96BBDB 3.32:1 AA Large
Aa #0D1425 on #7E5141 2.75:1 Fail
Aa #472C32 on #5E6EA0 2.52:1 Fail
Aa #96BBDB on #5E6EA0 2.47:1 Fail
Aa #5E6EA0 on #3E3C65 2.07:1 Fail
Aa #FFFBD9 on #96BBDB 1.92:1 Fail
Aa #472C32 on #7E5141 1.88:1 Fail
Aa #0D1425 on #3E3C65 1.78:1 Fail
Aa #7E5141 on #3E3C65 1.54:1 Fail
Aa #0D1425 on #472C32 1.46:1 Fail
Aa #E3D8BB on #96BBDB 1.42:1 Fail
Aa #E3D8BB on #FFFBD9 1.35:1 Fail
Aa #7E5141 on #5E6EA0 1.34:1 Fail
Aa #472C32 on #3E3C65 1.22: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