Sign Up Sign Up
Rustic Rainbow 🌈

Rustic Rainbow 🌈

12-color palette Β· Warm Β· Dark Β· Complementary harmony

Back to Library

Rustic Rainbow 🌈

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

Modify
Muted 12 colors Warm Dark Complementary polyphrog soundsdotzip rustic rainbow
Likes 175
Colors 12

CSS variables

:root {
  --c-muted-1: #000000;
  --c-muted-2: #2B2422;
  --c-muted-3: #534D37;
  --c-muted-4: #638454;
  --c-muted-5: #6E9D8E;
  --c-muted-6: #4D596D;
  --c-muted-7: #3E213E;
  --c-muted-8: #773F37;
  --c-muted-9: #976749;
  --c-muted-10: #AFA074;
  --c-muted-11: #CBC6BE;
  --c-muted-12: #8B847F;
}

About this palette

This 12-color muted palette runs from Early Evening (#CBC6BE) as its lightest tone to Black (#000000) as its darkest. It blends Black, Gold Black, Panda, Kale, Greyish Teal, Midnight Sun, Profound Mauve, Florence Red, Copper Pot, Throw Rug, Early Evening and Mecha Grey into a single set you can drop straight into a UI. Of its 66 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text β€” the strongest is #000000 on #CBC6BE at 12.36:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Gold Black #2B2422
RGB
rgb(43, 36, 34)
HSL
hsl(13, 12%, 15%)
Luminance
0.019
Panda #534D37
RGB
rgb(83, 77, 55)
HSL
hsl(47, 20%, 27%)
Luminance
0.074
Kale #638454
RGB
rgb(99, 132, 84)
HSL
hsl(101, 22%, 42%)
Luminance
0.198
Greyish Teal #6E9D8E
RGB
rgb(110, 157, 142)
HSL
hsl(161, 19%, 52%)
Luminance
0.294
Midnight Sun #4D596D
RGB
rgb(77, 89, 109)
HSL
hsl(218, 17%, 36%)
Luminance
0.098
Profound Mauve #3E213E
RGB
rgb(62, 33, 62)
HSL
hsl(300, 31%, 19%)
Luminance
0.025
Florence Red #773F37
RGB
rgb(119, 63, 55)
HSL
hsl(8, 37%, 34%)
Luminance
0.078
Copper Pot #976749
RGB
rgb(151, 103, 73)
HSL
hsl(23, 35%, 44%)
Luminance
0.168
Throw Rug #AFA074
RGB
rgb(175, 160, 116)
HSL
hsl(45, 27%, 57%)
Luminance
0.355
Early Evening #CBC6BE
RGB
rgb(203, 198, 190)
HSL
hsl(37, 11%, 77%)
Luminance
0.568
Mecha Grey #8B847F
RGB
rgb(139, 132, 127)
HSL
hsl(25, 5%, 52%)
Luminance
0.235

Contrast & accessibility

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

Aa #000000 on #CBC6BE 12.36:1 AAA
Aa #2B2422 on #CBC6BE 8.97:1 AAA
Aa #3E213E on #CBC6BE 8.28:1 AAA
Aa #000000 on #AFA074 8.10:1 AAA
Aa #000000 on #6E9D8E 6.88:1 AA
Aa #2B2422 on #AFA074 5.88:1 AA
Aa #000000 on #8B847F 5.70:1 AA
Aa #3E213E on #AFA074 5.43:1 AA
Aa #2B2422 on #6E9D8E 4.99:1 AA
Aa #534D37 on #CBC6BE 4.97:1 AA
Aa #000000 on #638454 4.96:1 AA
Aa #773F37 on #CBC6BE 4.85:1 AA
Aa #6E9D8E on #3E213E 4.61:1 AA
Aa #000000 on #976749 4.35:1 AA Large
Aa #4D596D on #CBC6BE 4.17:1 AA Large
Aa #2B2422 on #8B847F 4.14:1 AA Large
Aa #3E213E on #8B847F 3.82:1 AA Large
Aa #2B2422 on #638454 3.60:1 AA Large
Aa #638454 on #3E213E 3.32:1 AA Large
Aa #534D37 on #AFA074 3.26:1 AA Large
Aa #773F37 on #AFA074 3.18:1 AA Large
Aa #2B2422 on #976749 3.16:1 AA Large
Aa #000000 on #4D596D 2.97:1 Fail
Aa #3E213E on #976749 2.92:1 Fail
Aa #976749 on #CBC6BE 2.84:1 Fail
Aa #534D37 on #6E9D8E 2.77:1 Fail
Aa #4D596D on #AFA074 2.73:1 Fail
Aa #6E9D8E on #773F37 2.70:1 Fail
Aa #000000 on #773F37 2.55:1 Fail
Aa #638454 on #CBC6BE 2.49:1 Fail
Aa #000000 on #534D37 2.48:1 Fail
Aa #6E9D8E on #4D596D 2.32:1 Fail
Aa #534D37 on #8B847F 2.30:1 Fail
Aa #773F37 on #8B847F 2.24:1 Fail
Aa #CBC6BE on #8B847F 2.17:1 Fail
Aa #2B2422 on #4D596D 2.15:1 Fail
Aa #534D37 on #638454 2.00:1 Fail
Aa #4D596D on #3E213E 1.99:1 Fail
Aa #638454 on #773F37 1.94:1 Fail
Aa #4D596D on #8B847F 1.92:1 Fail
Aa #976749 on #AFA074 1.86:1 Fail
Aa #2B2422 on #773F37 1.85:1 Fail
Aa #2B2422 on #534D37 1.80:1 Fail
Aa #6E9D8E on #CBC6BE 1.80:1 Fail
Aa #534D37 on #976749 1.75:1 Fail
Aa #3E213E on #773F37 1.71:1 Fail
Aa #773F37 on #976749 1.71:1 Fail
Aa #534D37 on #3E213E 1.67:1 Fail
Aa #638454 on #4D596D 1.67:1 Fail
Aa #638454 on #AFA074 1.63:1 Fail
Aa #6E9D8E on #976749 1.58:1 Fail
Aa #AFA074 on #CBC6BE 1.53:1 Fail
Aa #000000 on #3E213E 1.49:1 Fail
Aa #4D596D on #976749 1.47:1 Fail
Aa #AFA074 on #8B847F 1.42:1 Fail
Aa #638454 on #6E9D8E 1.39:1 Fail
Aa #000000 on #2B2422 1.38:1 Fail
Aa #976749 on #8B847F 1.31:1 Fail
Aa #6E9D8E on #8B847F 1.21:1 Fail
Aa #534D37 on #4D596D 1.19:1 Fail
Aa #6E9D8E on #AFA074 1.18:1 Fail
Aa #4D596D on #773F37 1.16:1 Fail
Aa #638454 on #8B847F 1.15:1 Fail
Aa #638454 on #976749 1.14:1 Fail
Aa #2B2422 on #3E213E 1.08:1 Fail
Aa #534D37 on #773F37 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