Sign Up Sign Up
Rebirth

Rebirth

10-color palette · Cool · Dark · Complementary harmony

Back to Library

Rebirth

10-color palette · Cool temperature · Dark tone · Complementary harmony

Modify
Earthy 10 colors Cool Dark Complementary black red warm blue
Likes 173
Colors 10

CSS variables

:root {
  --c-earthy-1: #0D0812;
  --c-earthy-2: #162C54;
  --c-earthy-3: #1C4C62;
  --c-earthy-4: #3B6166;
  --c-earthy-5: #46857B;
  --c-earthy-6: #8F154F;
  --c-earthy-7: #B82D46;
  --c-earthy-8: #DF803E;
  --c-earthy-9: #E2A560;
  --c-earthy-10: #EDCE5E;
}

About this palette

This 10-color earthy palette runs from Grand Casino Gold (#EDCE5E) as its lightest tone to Narwhal Grey (#0D0812) as its darkest. It blends Narwhal Grey, Pico Void, Lazurite Blue, Pyrite Green, Carlisle, Wine Grape, Rust Effect, Tree Poppy, India Trade and Grand Casino Gold into a single set you can drop straight into a UI. Of its 45 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0D0812 on #EDCE5E at 12.81:1.

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

Color breakdown

Narwhal Grey #0D0812
RGB
rgb(13, 8, 18)
HSL
hsl(270, 38%, 5%)
Luminance
0.003
Pico Void #162C54
RGB
rgb(22, 44, 84)
HSL
hsl(219, 58%, 21%)
Luminance
0.026
Lazurite Blue #1C4C62
RGB
rgb(28, 76, 98)
HSL
hsl(199, 56%, 25%)
Luminance
0.063
Pyrite Green #3B6166
RGB
rgb(59, 97, 102)
HSL
hsl(187, 27%, 32%)
Luminance
0.104
Carlisle #46857B
RGB
rgb(70, 133, 123)
HSL
hsl(170, 31%, 40%)
Luminance
0.195
Wine Grape #8F154F
RGB
rgb(143, 21, 79)
HSL
hsl(331, 74%, 32%)
Luminance
0.069
Rust Effect #B82D46
RGB
rgb(184, 45, 70)
HSL
hsl(349, 61%, 45%)
Luminance
0.125
Tree Poppy #DF803E
RGB
rgb(223, 128, 62)
HSL
hsl(25, 72%, 56%)
Luminance
0.315
India Trade #E2A560
RGB
rgb(226, 165, 96)
HSL
hsl(32, 69%, 63%)
Luminance
0.439
Grand Casino Gold #EDCE5E
RGB
rgb(237, 206, 94)
HSL
hsl(47, 80%, 65%)
Luminance
0.630

Contrast & accessibility

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

Aa #0D0812 on #EDCE5E 12.81:1 AAA
Aa #0D0812 on #E2A560 9.23:1 AAA
Aa #162C54 on #EDCE5E 8.93:1 AAA
Aa #0D0812 on #DF803E 6.88:1 AA
Aa #162C54 on #E2A560 6.43:1 AA
Aa #1C4C62 on #EDCE5E 6.02:1 AA
Aa #8F154F on #EDCE5E 5.69:1 AA
Aa #162C54 on #DF803E 4.79:1 AA
Aa #0D0812 on #46857B 4.62:1 AA
Aa #3B6166 on #EDCE5E 4.40:1 AA Large
Aa #1C4C62 on #E2A560 4.33:1 AA Large
Aa #8F154F on #E2A560 4.10:1 AA Large
Aa #B82D46 on #EDCE5E 3.88:1 AA Large
Aa #0D0812 on #B82D46 3.30:1 AA Large
Aa #1C4C62 on #DF803E 3.23:1 AA Large
Aa #162C54 on #46857B 3.22:1 AA Large
Aa #3B6166 on #E2A560 3.17:1 AA Large
Aa #8F154F on #DF803E 3.05:1 AA Large
Aa #0D0812 on #3B6166 2.91:1 Fail
Aa #B82D46 on #E2A560 2.79:1 Fail
Aa #46857B on #EDCE5E 2.77:1 Fail
Aa #3B6166 on #DF803E 2.36:1 Fail
Aa #162C54 on #B82D46 2.30:1 Fail
Aa #0D0812 on #8F154F 2.25:1 Fail
Aa #1C4C62 on #46857B 2.17:1 Fail
Aa #0D0812 on #1C4C62 2.13:1 Fail
Aa #B82D46 on #DF803E 2.08:1 Fail
Aa #46857B on #8F154F 2.05:1 Fail
Aa #162C54 on #3B6166 2.03:1 Fail
Aa #46857B on #E2A560 2.00:1 Fail
Aa #DF803E on #EDCE5E 1.86:1 Fail
Aa #3B6166 on #46857B 1.59:1 Fail
Aa #162C54 on #8F154F 1.57:1 Fail
Aa #1C4C62 on #B82D46 1.55:1 Fail
Aa #46857B on #DF803E 1.49:1 Fail
Aa #162C54 on #1C4C62 1.48:1 Fail
Aa #8F154F on #B82D46 1.47:1 Fail
Aa #0D0812 on #162C54 1.44:1 Fail
Aa #46857B on #B82D46 1.40:1 Fail
Aa #E2A560 on #EDCE5E 1.39:1 Fail
Aa #1C4C62 on #3B6166 1.37:1 Fail
Aa #DF803E on #E2A560 1.34:1 Fail
Aa #3B6166 on #8F154F 1.29:1 Fail
Aa #3B6166 on #B82D46 1.13:1 Fail
Aa #1C4C62 on #8F154F 1.06:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors