Sign Up Sign Up
Absxii

Absxii

12-color palette · Warm · Dark · Complementary harmony

Back to Library

Absxii

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

Modify
Earthy 12 colors Warm Dark Complementary artist musthbly abstract
Likes 46
Colors 12

CSS variables

:root {
  --c-earthy-1: #1C0903;
  --c-earthy-2: #433655;
  --c-earthy-3: #7E2738;
  --c-earthy-4: #495989;
  --c-earthy-5: #A23D2A;
  --c-earthy-6: #5F6468;
  --c-earthy-7: #4B6B68;
  --c-earthy-8: #7A5E6E;
  --c-earthy-9: #9E5738;
  --c-earthy-10: #D2935B;
  --c-earthy-11: #A1A6A6;
  --c-earthy-12: #D7C9C1;
}

About this palette

This 12-color earthy palette runs from Unfussy Beige (#D7C9C1) as its lightest tone to Soy Sauce (#1C0903) as its darkest. It blends Soy Sauce, Purple Plumeria, Suō, Gem, Edocha, Carriage Wheel, Deep Rift, Black Plum, Persimmon Varnish, Gates of Gold, Castlegate and Unfussy Beige into a single set you can drop straight into a UI. Of its 66 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1C0903 on #D7C9C1 at 11.94:1.

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

Color breakdown

Soy Sauce #1C0903
RGB
rgb(28, 9, 3)
HSL
hsl(14, 81%, 6%)
Luminance
0.005
Purple Plumeria #433655
RGB
rgb(67, 54, 85)
HSL
hsl(265, 22%, 27%)
Luminance
0.045
Suō #7E2738
RGB
rgb(126, 39, 56)
HSL
hsl(348, 53%, 32%)
Luminance
0.062
Gem #495989
RGB
rgb(73, 89, 137)
HSL
hsl(225, 30%, 41%)
Luminance
0.104
Edocha #A23D2A
RGB
rgb(162, 61, 42)
HSL
hsl(10, 59%, 40%)
Luminance
0.112
Carriage Wheel #5F6468
RGB
rgb(95, 100, 104)
HSL
hsl(207, 5%, 39%)
Luminance
0.126
Deep Rift #4B6B68
RGB
rgb(75, 107, 104)
HSL
hsl(174, 18%, 36%)
Luminance
0.130
Black Plum #7A5E6E
RGB
rgb(122, 94, 110)
HSL
hsl(326, 13%, 42%)
Luminance
0.133
Persimmon Varnish #9E5738
RGB
rgb(158, 87, 56)
HSL
hsl(18, 48%, 42%)
Luminance
0.144
Gates of Gold #D2935B
RGB
rgb(210, 147, 91)
HSL
hsl(28, 57%, 59%)
Luminance
0.353
Castlegate #A1A6A6
RGB
rgb(161, 166, 166)
HSL
hsl(180, 3%, 64%)
Luminance
0.376
Unfussy Beige #D7C9C1
RGB
rgb(215, 201, 193)
HSL
hsl(22, 22%, 80%)
Luminance
0.601

Contrast & accessibility

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

Aa #1C0903 on #D7C9C1 11.94:1 AAA
Aa #1C0903 on #A1A6A6 7.82:1 AAA
Aa #1C0903 on #D2935B 7.40:1 AAA
Aa #433655 on #D7C9C1 6.86:1 AA
Aa #7E2738 on #D7C9C1 5.82:1 AA
Aa #433655 on #A1A6A6 4.49:1 AA Large
Aa #433655 on #D2935B 4.25:1 AA Large
Aa #495989 on #D7C9C1 4.23:1 AA Large
Aa #A23D2A on #D7C9C1 4.02:1 AA Large
Aa #7E2738 on #A1A6A6 3.81:1 AA Large
Aa #5F6468 on #D7C9C1 3.71:1 AA Large
Aa #7E2738 on #D2935B 3.61:1 AA Large
Aa #4B6B68 on #D7C9C1 3.61:1 AA Large
Aa #1C0903 on #9E5738 3.56:1 AA Large
Aa #7A5E6E on #D7C9C1 3.56:1 AA Large
Aa #9E5738 on #D7C9C1 3.36:1 AA Large
Aa #1C0903 on #7A5E6E 3.35:1 AA Large
Aa #1C0903 on #4B6B68 3.31:1 AA Large
Aa #1C0903 on #5F6468 3.22:1 AA Large
Aa #1C0903 on #A23D2A 2.97:1 Fail
Aa #1C0903 on #495989 2.82:1 Fail
Aa #495989 on #A1A6A6 2.77:1 Fail
Aa #A23D2A on #A1A6A6 2.63:1 Fail
Aa #495989 on #D2935B 2.62:1 Fail
Aa #A23D2A on #D2935B 2.49:1 Fail
Aa #5F6468 on #A1A6A6 2.43:1 Fail
Aa #4B6B68 on #A1A6A6 2.37:1 Fail
Aa #7A5E6E on #A1A6A6 2.33:1 Fail
Aa #5F6468 on #D2935B 2.30:1 Fail
Aa #4B6B68 on #D2935B 2.24:1 Fail
Aa #7A5E6E on #D2935B 2.21:1 Fail
Aa #9E5738 on #A1A6A6 2.20:1 Fail
Aa #9E5738 on #D2935B 2.08:1 Fail
Aa #1C0903 on #7E2738 2.05:1 Fail
Aa #433655 on #9E5738 2.04:1 Fail
Aa #433655 on #7A5E6E 1.93:1 Fail
Aa #433655 on #4B6B68 1.90:1 Fail
Aa #433655 on #5F6468 1.85:1 Fail
Aa #1C0903 on #433655 1.74:1 Fail
Aa #7E2738 on #9E5738 1.73:1 Fail
Aa #433655 on #A23D2A 1.71:1 Fail
Aa #7E2738 on #7A5E6E 1.64:1 Fail
Aa #433655 on #495989 1.62:1 Fail
Aa #7E2738 on #4B6B68 1.61:1 Fail
Aa #D2935B on #D7C9C1 1.61:1 Fail
Aa #7E2738 on #5F6468 1.57:1 Fail
Aa #A1A6A6 on #D7C9C1 1.53:1 Fail
Aa #7E2738 on #A23D2A 1.45:1 Fail
Aa #7E2738 on #495989 1.38:1 Fail
Aa #495989 on #9E5738 1.26:1 Fail
Aa #A23D2A on #9E5738 1.20:1 Fail
Aa #495989 on #7A5E6E 1.19:1 Fail
Aa #433655 on #7E2738 1.18:1 Fail
Aa #495989 on #4B6B68 1.17:1 Fail
Aa #495989 on #5F6468 1.14:1 Fail
Aa #A23D2A on #7A5E6E 1.13:1 Fail
Aa #A23D2A on #4B6B68 1.11:1 Fail
Aa #5F6468 on #9E5738 1.10:1 Fail
Aa #A23D2A on #5F6468 1.08:1 Fail
Aa #4B6B68 on #9E5738 1.08:1 Fail
Aa #7A5E6E on #9E5738 1.06:1 Fail
Aa #D2935B on #A1A6A6 1.06:1 Fail
Aa #495989 on #A23D2A 1.05:1 Fail
Aa #5F6468 on #7A5E6E 1.04:1 Fail
Aa #5F6468 on #4B6B68 1.03:1 Fail
Aa #4B6B68 on #7A5E6E 1.01: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