Sign Up Sign Up
Pwscowden

Pwscowden

10-color palette · Warm · Dark · Complementary harmony

Back to Library

Pwscowden

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

Modify
Earthy 10 colors Warm Dark Complementary green yellow ocean aqua
Likes 15
Colors 10

CSS variables

:root {
  --c-earthy-1: #0F0A0A;
  --c-earthy-2: #0F2021;
  --c-earthy-3: #0F3538;
  --c-earthy-4: #496767;
  --c-earthy-5: #87A19E;
  --c-earthy-6: #FF6600;
  --c-earthy-7: #FF9200;
  --c-earthy-8: #FFBE00;
  --c-earthy-9: #F8E08E;
  --c-earthy-10: #FAFAF0;
}

About this palette

This 10-color earthy palette runs from Enoki (#FAFAF0) as its lightest tone to Stout (#0F0A0A) as its darkest. It blends Stout, Black Feather, Elite Teal, Walk Me Home, Venus Teal, Safety Orange, Tangerine, Amber, Fresh Yellow and Enoki into a single set you can drop straight into a UI. Of its 45 color pairings, 20 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0F0A0A on #FAFAF0 at 18.72:1.

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

Color breakdown

Stout #0F0A0A
RGB
rgb(15, 10, 10)
HSL
hsl(0, 20%, 5%)
Luminance
0.003
Black Feather #0F2021
RGB
rgb(15, 32, 33)
HSL
hsl(183, 38%, 9%)
Luminance
0.012
Elite Teal #0F3538
RGB
rgb(15, 53, 56)
HSL
hsl(184, 58%, 14%)
Luminance
0.029
Walk Me Home #496767
RGB
rgb(73, 103, 103)
HSL
hsl(180, 17%, 35%)
Luminance
0.121
Venus Teal #87A19E
RGB
rgb(135, 161, 158)
HSL
hsl(173, 12%, 58%)
Luminance
0.331
Safety Orange #FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
Luminance
0.308
Tangerine #FF9200
RGB
rgb(255, 146, 0)
HSL
hsl(34, 100%, 50%)
Luminance
0.418
Amber #FFBE00
RGB
rgb(255, 190, 0)
HSL
hsl(45, 100%, 50%)
Luminance
0.581
Fresh Yellow #F8E08E
RGB
rgb(248, 224, 142)
HSL
hsl(46, 88%, 76%)
Luminance
0.752
Enoki #FAFAF0
RGB
rgb(250, 250, 240)
HSL
hsl(60, 50%, 96%)
Luminance
0.950

Contrast & accessibility

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

Aa #0F0A0A on #FAFAF0 18.72:1 AAA
Aa #0F2021 on #FAFAF0 16.01:1 AAA
Aa #0F0A0A on #F8E08E 15.02:1 AAA
Aa #0F2021 on #F8E08E 12.85:1 AAA
Aa #0F3538 on #FAFAF0 12.60:1 AAA
Aa #0F0A0A on #FFBE00 11.81:1 AAA
Aa #0F3538 on #F8E08E 10.11:1 AAA
Aa #0F2021 on #FFBE00 10.10:1 AAA
Aa #0F0A0A on #FF9200 8.77:1 AAA
Aa #0F3538 on #FFBE00 7.95:1 AAA
Aa #0F2021 on #FF9200 7.50:1 AAA
Aa #0F0A0A on #87A19E 7.14:1 AAA
Aa #0F0A0A on #FF6600 6.70:1 AA
Aa #0F2021 on #87A19E 6.10:1 AA
Aa #0F3538 on #FF9200 5.90:1 AA
Aa #496767 on #FAFAF0 5.85:1 AA
Aa #0F2021 on #FF6600 5.73:1 AA
Aa #0F3538 on #87A19E 4.80:1 AA
Aa #496767 on #F8E08E 4.69:1 AA
Aa #0F3538 on #FF6600 4.51:1 AA
Aa #496767 on #FFBE00 3.69:1 AA Large
Aa #0F0A0A on #496767 3.20:1 AA Large
Aa #FF6600 on #FAFAF0 2.80:1 Fail
Aa #0F2021 on #496767 2.74:1 Fail
Aa #496767 on #FF9200 2.74:1 Fail
Aa #87A19E on #FAFAF0 2.62:1 Fail
Aa #FF6600 on #F8E08E 2.24:1 Fail
Aa #496767 on #87A19E 2.23:1 Fail
Aa #0F3538 on #496767 2.16:1 Fail
Aa #FF9200 on #FAFAF0 2.14:1 Fail
Aa #87A19E on #F8E08E 2.11:1 Fail
Aa #496767 on #FF6600 2.09:1 Fail
Aa #FF6600 on #FFBE00 1.76:1 Fail
Aa #FF9200 on #F8E08E 1.71:1 Fail
Aa #87A19E on #FFBE00 1.66:1 Fail
Aa #FFBE00 on #FAFAF0 1.58:1 Fail
Aa #0F0A0A on #0F3538 1.49:1 Fail
Aa #FF9200 on #FFBE00 1.35:1 Fail
Aa #FF6600 on #FF9200 1.31:1 Fail
Aa #0F2021 on #0F3538 1.27:1 Fail
Aa #FFBE00 on #F8E08E 1.27:1 Fail
Aa #F8E08E on #FAFAF0 1.25:1 Fail
Aa #87A19E on #FF9200 1.23:1 Fail
Aa #0F0A0A on #0F2021 1.17:1 Fail
Aa #87A19E on #FF6600 1.07:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors