Sign Up Sign Up
Homey Honey 12

Homey Honey 12

12-color palette · Warm · Dark · Complementary harmony

Back to Library

Homey Honey 12

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

Modify
Earthy 12 colors Warm Dark Complementary fall warm brown autumn
Likes 126
Colors 12

CSS variables

:root {
  --c-earthy-1: #291E1A;
  --c-earthy-2: #5A3428;
  --c-earthy-3: #A6652B;
  --c-earthy-4: #D9A443;
  --c-earthy-5: #C95937;
  --c-earthy-6: #893F43;
  --c-earthy-7: #393E26;
  --c-earthy-8: #496669;
  --c-earthy-9: #7687AB;
  --c-earthy-10: #D4D3D1;
  --c-earthy-11: #748B2C;
  --c-earthy-12: #31542F;
}

About this palette

This 12-color earthy palette runs from Silver Spoon (#D4D3D1) as its lightest tone to Weathervane (#291E1A) as its darkest. It blends Weathervane, Redwood, Gallstone Yellow, Solar Fusion, Cinnamon Stone, Cordovan, Green Kelp, Tax Break, Enchanting Sky, Silver Spoon, Olive Thrill and Moselle Green into a single set you can drop straight into a UI. Of its 66 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #291E1A on #D4D3D1 at 10.84:1.

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

Color breakdown

Weathervane #291E1A
RGB
rgb(41, 30, 26)
HSL
hsl(16, 22%, 13%)
Luminance
0.015
Redwood #5A3428
RGB
rgb(90, 52, 40)
HSL
hsl(14, 38%, 25%)
Luminance
0.048
Gallstone Yellow #A6652B
RGB
rgb(166, 101, 43)
HSL
hsl(28, 59%, 41%)
Luminance
0.176
Solar Fusion #D9A443
RGB
rgb(217, 164, 67)
HSL
hsl(39, 66%, 56%)
Luminance
0.417
Cinnamon Stone #C95937
RGB
rgb(201, 89, 55)
HSL
hsl(14, 57%, 50%)
Luminance
0.198
Cordovan #893F43
RGB
rgb(137, 63, 67)
HSL
hsl(357, 37%, 39%)
Luminance
0.093
Green Kelp #393E26
RGB
rgb(57, 62, 38)
HSL
hsl(73, 24%, 20%)
Luminance
0.045
Tax Break #496669
RGB
rgb(73, 102, 105)
HSL
hsl(186, 18%, 35%)
Luminance
0.119
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminance
0.241
Silver Spoon #D4D3D1
RGB
rgb(212, 211, 209)
HSL
hsl(40, 3%, 83%)
Luminance
0.652
Olive Thrill #748B2C
RGB
rgb(116, 139, 44)
HSL
hsl(75, 52%, 36%)
Luminance
0.224
Moselle Green #31542F
RGB
rgb(49, 84, 47)
HSL
hsl(117, 28%, 26%)
Luminance
0.072

Contrast & accessibility

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

Aa #291E1A on #D4D3D1 10.84:1 AAA
Aa #393E26 on #D4D3D1 7.42:1 AAA
Aa #291E1A on #D9A443 7.21:1 AAA
Aa #5A3428 on #D4D3D1 7.17:1 AAA
Aa #D4D3D1 on #31542F 5.75:1 AA
Aa #D9A443 on #393E26 4.94:1 AA
Aa #893F43 on #D4D3D1 4.92:1 AA
Aa #5A3428 on #D9A443 4.77:1 AA
Aa #291E1A on #7687AB 4.50:1 AA
Aa #291E1A on #748B2C 4.23:1 AA Large
Aa #496669 on #D4D3D1 4.14:1 AA Large
Aa #291E1A on #C95937 3.84:1 AA Large
Aa #D9A443 on #31542F 3.83:1 AA Large
Aa #291E1A on #A6652B 3.49:1 AA Large
Aa #D9A443 on #893F43 3.27:1 AA Large
Aa #A6652B on #D4D3D1 3.11:1 AA Large
Aa #393E26 on #7687AB 3.08:1 AA Large
Aa #5A3428 on #7687AB 2.98:1 Fail
Aa #393E26 on #748B2C 2.89:1 Fail
Aa #C95937 on #D4D3D1 2.83:1 Fail
Aa #5A3428 on #748B2C 2.80:1 Fail
Aa #D9A443 on #496669 2.76:1 Fail
Aa #C95937 on #393E26 2.63:1 Fail
Aa #291E1A on #496669 2.62:1 Fail
Aa #D4D3D1 on #748B2C 2.57:1 Fail
Aa #5A3428 on #C95937 2.54:1 Fail
Aa #7687AB on #D4D3D1 2.41:1 Fail
Aa #A6652B on #393E26 2.39:1 Fail
Aa #7687AB on #31542F 2.39:1 Fail
Aa #5A3428 on #A6652B 2.31:1 Fail
Aa #748B2C on #31542F 2.24:1 Fail
Aa #291E1A on #893F43 2.21:1 Fail
Aa #A6652B on #D9A443 2.07:1 Fail
Aa #C95937 on #31542F 2.04:1 Fail
Aa #893F43 on #7687AB 2.04:1 Fail
Aa #893F43 on #748B2C 1.92:1 Fail
Aa #291E1A on #31542F 1.88:1 Fail
Aa #D9A443 on #C95937 1.88:1 Fail
Aa #A6652B on #31542F 1.85:1 Fail
Aa #393E26 on #496669 1.79:1 Fail
Aa #C95937 on #893F43 1.74:1 Fail
Aa #5A3428 on #496669 1.73:1 Fail
Aa #496669 on #7687AB 1.72:1 Fail
Aa #D9A443 on #748B2C 1.71:1 Fail
Aa #496669 on #748B2C 1.62:1 Fail
Aa #D9A443 on #7687AB 1.60:1 Fail
Aa #A6652B on #893F43 1.58:1 Fail
Aa #291E1A on #5A3428 1.51:1 Fail
Aa #893F43 on #393E26 1.51:1 Fail
Aa #D9A443 on #D4D3D1 1.50:1 Fail
Aa #C95937 on #496669 1.47:1 Fail
Aa #291E1A on #393E26 1.46:1 Fail
Aa #5A3428 on #893F43 1.46:1 Fail
Aa #496669 on #31542F 1.39:1 Fail
Aa #A6652B on #496669 1.33:1 Fail
Aa #A6652B on #7687AB 1.29:1 Fail
Aa #393E26 on #31542F 1.29:1 Fail
Aa #5A3428 on #31542F 1.25:1 Fail
Aa #A6652B on #748B2C 1.21:1 Fail
Aa #893F43 on #496669 1.19:1 Fail
Aa #C95937 on #7687AB 1.17:1 Fail
Aa #893F43 on #31542F 1.17:1 Fail
Aa #A6652B on #C95937 1.10:1 Fail
Aa #C95937 on #748B2C 1.10:1 Fail
Aa #7687AB on #748B2C 1.06:1 Fail
Aa #5A3428 on #393E26 1.03: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