Sign Up Sign Up
Merry Mountain

Merry Mountain

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

Merry Mountain

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

Modify
Earthy 12 colors Warm Mixed Complementary vibrant cold christmas mountain
Likes 21
Colors 12

CSS variables

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #4A3268;
  --c-earthy-3: #C40300;
  --c-earthy-4: #FA4D3A;
  --c-earthy-5: #FCFED6;
  --c-earthy-6: #F1D691;
  --c-earthy-7: #CEA98C;
  --c-earthy-8: #7F6861;
  --c-earthy-9: #327239;
  --c-earthy-10: #809D3C;
  --c-earthy-11: #2E84A3;
  --c-earthy-12: #3C606C;
}

About this palette

This 12-color earthy palette runs from Poetic Yellow (#FCFED6) as its lightest tone to Black (#000000) as its darkest. It blends Black, Petunia, Ghost Pepper, Orange Dusk, Poetic Yellow, Oat Straw, Cliff Brown, Plumburn, Japanese Laurel, Aloe Vera Green, Prominent Blue and Juniper Berry Blue into a single set you can drop straight into a UI. Of its 66 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FCFED6 at 20.29:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Petunia #4A3268
RGB
rgb(74, 50, 104)
HSL
hsl(267, 35%, 30%)
Luminance
0.047
Ghost Pepper #C40300
RGB
rgb(196, 3, 0)
HSL
hsl(1, 100%, 38%)
Luminance
0.118
Orange Dusk #FA4D3A
RGB
rgb(250, 77, 58)
HSL
hsl(6, 95%, 60%)
Luminance
0.259
Poetic Yellow #FCFED6
RGB
rgb(252, 254, 214)
HSL
hsl(63, 95%, 92%)
Luminance
0.964
Oat Straw #F1D691
RGB
rgb(241, 214, 145)
HSL
hsl(43, 77%, 76%)
Luminance
0.688
Cliff Brown #CEA98C
RGB
rgb(206, 169, 140)
HSL
hsl(26, 40%, 68%)
Luminance
0.434
Plumburn #7F6861
RGB
rgb(127, 104, 97)
HSL
hsl(14, 13%, 44%)
Luminance
0.153
Japanese Laurel #327239
RGB
rgb(50, 114, 57)
HSL
hsl(127, 39%, 32%)
Luminance
0.130
Aloe Vera Green #809D3C
RGB
rgb(128, 157, 60)
HSL
hsl(78, 45%, 43%)
Luminance
0.290
Prominent Blue #2E84A3
RGB
rgb(46, 132, 163)
HSL
hsl(196, 56%, 41%)
Luminance
0.197
Juniper Berry Blue #3C606C
RGB
rgb(60, 96, 108)
HSL
hsl(195, 29%, 33%)
Luminance
0.104

Contrast & accessibility

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

Aa #000000 on #FCFED6 20.29:1 AAA
Aa #000000 on #F1D691 14.77:1 AAA
Aa #4A3268 on #FCFED6 10.42:1 AAA
Aa #000000 on #CEA98C 9.68:1 AAA
Aa #4A3268 on #F1D691 7.58:1 AAA
Aa #000000 on #809D3C 6.81:1 AA
Aa #FCFED6 on #3C606C 6.58:1 AA
Aa #000000 on #FA4D3A 6.19:1 AA
Aa #C40300 on #FCFED6 6.04:1 AA
Aa #FCFED6 on #327239 5.63:1 AA
Aa #FCFED6 on #7F6861 5.00:1 AA
Aa #4A3268 on #CEA98C 4.97:1 AA
Aa #000000 on #2E84A3 4.95:1 AA
Aa #F1D691 on #3C606C 4.79:1 AA
Aa #C40300 on #F1D691 4.39:1 AA Large
Aa #FCFED6 on #2E84A3 4.10:1 AA Large
Aa #F1D691 on #327239 4.10:1 AA Large
Aa #000000 on #7F6861 4.06:1 AA Large
Aa #F1D691 on #7F6861 3.64:1 AA Large
Aa #000000 on #327239 3.60:1 AA Large
Aa #4A3268 on #809D3C 3.50:1 AA Large
Aa #000000 on #C40300 3.36:1 AA Large
Aa #FA4D3A on #FCFED6 3.28:1 AA Large
Aa #4A3268 on #FA4D3A 3.18:1 AA Large
Aa #CEA98C on #3C606C 3.14:1 AA Large
Aa #000000 on #3C606C 3.08:1 AA Large
Aa #F1D691 on #2E84A3 2.99:1 Fail
Aa #FCFED6 on #809D3C 2.98:1 Fail
Aa #C40300 on #CEA98C 2.88:1 Fail
Aa #CEA98C on #327239 2.69:1 Fail
Aa #4A3268 on #2E84A3 2.54:1 Fail
Aa #FA4D3A on #F1D691 2.39:1 Fail
Aa #CEA98C on #7F6861 2.39:1 Fail
Aa #809D3C on #3C606C 2.21:1 Fail
Aa #F1D691 on #809D3C 2.17:1 Fail
Aa #FCFED6 on #CEA98C 2.10:1 Fail
Aa #4A3268 on #7F6861 2.08:1 Fail
Aa #C40300 on #809D3C 2.03:1 Fail
Aa #FA4D3A on #3C606C 2.01:1 Fail
Aa #CEA98C on #2E84A3 1.96:1 Fail
Aa #000000 on #4A3268 1.95:1 Fail
Aa #327239 on #809D3C 1.89:1 Fail
Aa #4A3268 on #327239 1.85:1 Fail
Aa #C40300 on #FA4D3A 1.84:1 Fail
Aa #4A3268 on #C40300 1.73:1 Fail
Aa #FA4D3A on #327239 1.72:1 Fail
Aa #7F6861 on #809D3C 1.68:1 Fail
Aa #2E84A3 on #3C606C 1.60:1 Fail
Aa #4A3268 on #3C606C 1.58:1 Fail
Aa #FA4D3A on #CEA98C 1.56:1 Fail
Aa #FA4D3A on #7F6861 1.53:1 Fail
Aa #F1D691 on #CEA98C 1.53:1 Fail
Aa #C40300 on #2E84A3 1.47:1 Fail
Aa #CEA98C on #809D3C 1.42:1 Fail
Aa #809D3C on #2E84A3 1.38:1 Fail
Aa #FCFED6 on #F1D691 1.37:1 Fail
Aa #327239 on #2E84A3 1.37:1 Fail
Aa #7F6861 on #3C606C 1.32:1 Fail
Aa #FA4D3A on #2E84A3 1.25:1 Fail
Aa #7F6861 on #2E84A3 1.22:1 Fail
Aa #C40300 on #7F6861 1.21:1 Fail
Aa #327239 on #3C606C 1.17:1 Fail
Aa #7F6861 on #327239 1.13:1 Fail
Aa #FA4D3A on #809D3C 1.10:1 Fail
Aa #C40300 on #3C606C 1.09:1 Fail
Aa #C40300 on #327239 1.07:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors