Sign Up Sign Up
RommHakk 12 Color

RommHakk 12 Color

12-color palette · Neutral · Mixed · Complementary harmony

Back to Library

RommHakk 12 Color

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

Modify
Earthy 12 colors Neutral Mixed Complementary simple 12
Likes 2
Colors 12

CSS variables

:root {
  --c-earthy-1: #2E1E42;
  --c-earthy-2: #576DAB;
  --c-earthy-3: #84BCDC;
  --c-earthy-4: #4D9366;
  --c-earthy-5: #90C385;
  --c-earthy-6: #DAE07A;
  --c-earthy-7: #CFC3A2;
  --c-earthy-8: #CD9467;
  --c-earthy-9: #E4A64B;
  --c-earthy-10: #ED3838;
  --c-earthy-11: #FE9AA8;
  --c-earthy-12: #9C65B4;
}

About this palette

This 12-color earthy palette runs from Carolina Parakeet (#DAE07A) as its lightest tone to Midnight Velvet (#2E1E42) as its darkest. It blends Midnight Velvet, Blue Chamber, Enchanting, Illuminati Green, Hearty Hosta, Carolina Parakeet, Seasoned Salt, Santa Fe Sunrise, Brass Mesh, Vivaldi Red, Fight the Sunrise and Prickly Purple into a single set you can drop straight into a UI. Of its 66 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2E1E42 on #DAE07A at 10.81:1.

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

Color breakdown

Midnight Velvet #2E1E42
RGB
rgb(46, 30, 66)
HSL
hsl(267, 38%, 19%)
Luminance
0.019
Blue Chamber #576DAB
RGB
rgb(87, 109, 171)
HSL
hsl(224, 33%, 51%)
Luminance
0.159
Enchanting #84BCDC
RGB
rgb(132, 188, 220)
HSL
hsl(202, 56%, 69%)
Luminance
0.460
Illuminati Green #4D9366
RGB
rgb(77, 147, 102)
HSL
hsl(141, 31%, 44%)
Luminance
0.234
Hearty Hosta #90C385
RGB
rgb(144, 195, 133)
HSL
hsl(109, 34%, 64%)
Luminance
0.467
Carolina Parakeet #DAE07A
RGB
rgb(218, 224, 122)
HSL
hsl(64, 62%, 68%)
Luminance
0.696
Seasoned Salt #CFC3A2
RGB
rgb(207, 195, 162)
HSL
hsl(44, 32%, 72%)
Luminance
0.549
Santa Fe Sunrise #CD9467
RGB
rgb(205, 148, 103)
HSL
hsl(26, 50%, 60%)
Luminance
0.351
Brass Mesh #E4A64B
RGB
rgb(228, 166, 75)
HSL
hsl(36, 74%, 59%)
Luminance
0.443
Vivaldi Red #ED3838
RGB
rgb(237, 56, 56)
HSL
hsl(0, 83%, 57%)
Luminance
0.211
Fight the Sunrise #FE9AA8
RGB
rgb(254, 154, 168)
HSL
hsl(352, 98%, 80%)
Luminance
0.470
Prickly Purple #9C65B4
RGB
rgb(156, 101, 180)
HSL
hsl(282, 34%, 55%)
Luminance
0.197

Contrast & accessibility

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

Aa #2E1E42 on #DAE07A 10.81:1 AAA
Aa #2E1E42 on #CFC3A2 8.68:1 AAA
Aa #2E1E42 on #FE9AA8 7.53:1 AAA
Aa #2E1E42 on #90C385 7.48:1 AAA
Aa #2E1E42 on #84BCDC 7.39:1 AAA
Aa #2E1E42 on #E4A64B 7.14:1 AAA
Aa #2E1E42 on #CD9467 5.81:1 AA
Aa #2E1E42 on #4D9366 4.11:1 AA Large
Aa #2E1E42 on #ED3838 3.78:1 AA Large
Aa #2E1E42 on #9C65B4 3.57:1 AA Large
Aa #576DAB on #DAE07A 3.57:1 AA Large
Aa #2E1E42 on #576DAB 3.03:1 AA Large
Aa #DAE07A on #9C65B4 3.02:1 AA Large
Aa #576DAB on #CFC3A2 2.87:1 Fail
Aa #DAE07A on #ED3838 2.86:1 Fail
Aa #4D9366 on #DAE07A 2.63:1 Fail
Aa #576DAB on #FE9AA8 2.49:1 Fail
Aa #576DAB on #90C385 2.47:1 Fail
Aa #576DAB on #84BCDC 2.44:1 Fail
Aa #CFC3A2 on #9C65B4 2.43:1 Fail
Aa #576DAB on #E4A64B 2.36:1 Fail
Aa #CFC3A2 on #ED3838 2.29:1 Fail
Aa #4D9366 on #CFC3A2 2.11:1 Fail
Aa #FE9AA8 on #9C65B4 2.11:1 Fail
Aa #90C385 on #9C65B4 2.09:1 Fail
Aa #84BCDC on #9C65B4 2.07:1 Fail
Aa #E4A64B on #9C65B4 2.00:1 Fail
Aa #ED3838 on #FE9AA8 1.99:1 Fail
Aa #90C385 on #ED3838 1.98:1 Fail
Aa #84BCDC on #ED3838 1.95:1 Fail
Aa #576DAB on #CD9467 1.92:1 Fail
Aa #E4A64B on #ED3838 1.89:1 Fail
Aa #DAE07A on #CD9467 1.86:1 Fail
Aa #4D9366 on #FE9AA8 1.83:1 Fail
Aa #4D9366 on #90C385 1.82:1 Fail
Aa #84BCDC on #4D9366 1.80:1 Fail
Aa #4D9366 on #E4A64B 1.73:1 Fail
Aa #CD9467 on #9C65B4 1.63:1 Fail
Aa #CD9467 on #ED3838 1.54:1 Fail
Aa #DAE07A on #E4A64B 1.51:1 Fail
Aa #CFC3A2 on #CD9467 1.49:1 Fail
Aa #84BCDC on #DAE07A 1.46:1 Fail
Aa #90C385 on #DAE07A 1.44:1 Fail
Aa #DAE07A on #FE9AA8 1.43:1 Fail
Aa #4D9366 on #CD9467 1.41:1 Fail
Aa #576DAB on #4D9366 1.36:1 Fail
Aa #CD9467 on #FE9AA8 1.30:1 Fail
Aa #90C385 on #CD9467 1.29:1 Fail
Aa #84BCDC on #CD9467 1.27:1 Fail
Aa #576DAB on #ED3838 1.25:1 Fail
Aa #DAE07A on #CFC3A2 1.25:1 Fail
Aa #CD9467 on #E4A64B 1.23:1 Fail
Aa #CFC3A2 on #E4A64B 1.22:1 Fail
Aa #576DAB on #9C65B4 1.18:1 Fail
Aa #84BCDC on #CFC3A2 1.17:1 Fail
Aa #90C385 on #CFC3A2 1.16:1 Fail
Aa #4D9366 on #9C65B4 1.15:1 Fail
Aa #CFC3A2 on #FE9AA8 1.15:1 Fail
Aa #4D9366 on #ED3838 1.09:1 Fail
Aa #E4A64B on #FE9AA8 1.06:1 Fail
Aa #ED3838 on #9C65B4 1.06:1 Fail
Aa #90C385 on #E4A64B 1.05:1 Fail
Aa #84BCDC on #E4A64B 1.04:1 Fail
Aa #84BCDC on #FE9AA8 1.02:1 Fail
Aa #84BCDC on #90C385 1.01:1 Fail
Aa #90C385 on #FE9AA8 1.01: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