Sign Up Sign Up
Purple+Skin

Purple+Skin

11-color palette · Warm · Mixed · Triadic harmony

Back to Library

Purple+Skin

11-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Earthy 11 colors Warm Mixed Triadic purple skin aesthetic anime
Likes 40
Colors 11

CSS variables

:root {
  --c-earthy-1: #4A2643;
  --c-earthy-2: #6A3D74;
  --c-earthy-3: #7B5996;
  --c-earthy-4: #876696;
  --c-earthy-5: #B5B5CF;
  --c-earthy-6: #E6E3E8;
  --c-earthy-7: #C7B7C3;
  --c-earthy-8: #F5DAD3;
  --c-earthy-9: #FFDBD3;
  --c-earthy-10: #CC9C8D;
  --c-earthy-11: #AB8376;
}

About this palette

This 11-color earthy palette runs from Winter Orchid (#E6E3E8) as its lightest tone to Opulent Mauve (#4A2643) as its darkest. It blends Opulent Mauve, Eminence, Ghostly Purple, Dark Lavender, Madder Blue, Winter Orchid, Pink Bravado, Pink Sangria, Soft Orange Bloom, Artefact and Hickory Branch into a single set you can drop straight into a UI. Of its 55 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #4A2643 on #E6E3E8 at 10.01:1.

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

Color breakdown

Opulent Mauve #4A2643
RGB
rgb(74, 38, 67)
HSL
hsl(312, 32%, 22%)
Luminance
0.033
Eminence #6A3D74
RGB
rgb(106, 61, 116)
HSL
hsl(289, 31%, 35%)
Luminance
0.077
Ghostly Purple #7B5996
RGB
rgb(123, 89, 150)
HSL
hsl(273, 26%, 47%)
Luminance
0.136
Dark Lavender #876696
RGB
rgb(135, 102, 150)
HSL
hsl(281, 19%, 49%)
Luminance
0.169
Madder Blue #B5B5CF
RGB
rgb(181, 181, 207)
HSL
hsl(240, 21%, 76%)
Luminance
0.474
Winter Orchid #E6E3E8
RGB
rgb(230, 227, 232)
HSL
hsl(276, 10%, 90%)
Luminance
0.776
Pink Bravado #C7B7C3
RGB
rgb(199, 183, 195)
HSL
hsl(315, 13%, 75%)
Luminance
0.500
Pink Sangria #F5DAD3
RGB
rgb(245, 218, 211)
HSL
hsl(12, 63%, 89%)
Luminance
0.743
Soft Orange Bloom #FFDBD3
RGB
rgb(255, 219, 211)
HSL
hsl(11, 100%, 91%)
Luminance
0.766
Artefact #CC9C8D
RGB
rgb(204, 156, 141)
HSL
hsl(14, 38%, 68%)
Luminance
0.385
Hickory Branch #AB8376
RGB
rgb(171, 131, 118)
HSL
hsl(15, 24%, 57%)
Luminance
0.262

Contrast & accessibility

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

Aa #4A2643 on #E6E3E8 10.01:1 AAA
Aa #4A2643 on #FFDBD3 9.90:1 AAA
Aa #4A2643 on #F5DAD3 9.61:1 AAA
Aa #4A2643 on #C7B7C3 6.66:1 AA
Aa #6A3D74 on #E6E3E8 6.52:1 AA
Aa #6A3D74 on #FFDBD3 6.45:1 AA
Aa #4A2643 on #B5B5CF 6.35:1 AA
Aa #6A3D74 on #F5DAD3 6.26:1 AA
Aa #4A2643 on #CC9C8D 5.28:1 AA
Aa #7B5996 on #E6E3E8 4.45:1 AA Large
Aa #7B5996 on #FFDBD3 4.40:1 AA Large
Aa #6A3D74 on #C7B7C3 4.34:1 AA Large
Aa #7B5996 on #F5DAD3 4.27:1 AA Large
Aa #6A3D74 on #B5B5CF 4.14:1 AA Large
Aa #4A2643 on #AB8376 3.78:1 AA Large
Aa #876696 on #E6E3E8 3.78:1 AA Large
Aa #876696 on #FFDBD3 3.73:1 AA Large
Aa #876696 on #F5DAD3 3.63:1 AA Large
Aa #6A3D74 on #CC9C8D 3.44:1 AA Large
Aa #7B5996 on #C7B7C3 2.96:1 Fail
Aa #7B5996 on #B5B5CF 2.82:1 Fail
Aa #4A2643 on #876696 2.65:1 Fail
Aa #E6E3E8 on #AB8376 2.65:1 Fail
Aa #FFDBD3 on #AB8376 2.62:1 Fail
Aa #F5DAD3 on #AB8376 2.54:1 Fail
Aa #876696 on #C7B7C3 2.51:1 Fail
Aa #6A3D74 on #AB8376 2.46:1 Fail
Aa #876696 on #B5B5CF 2.40:1 Fail
Aa #7B5996 on #CC9C8D 2.35:1 Fail
Aa #4A2643 on #7B5996 2.25:1 Fail
Aa #876696 on #CC9C8D 1.99:1 Fail
Aa #E6E3E8 on #CC9C8D 1.90:1 Fail
Aa #FFDBD3 on #CC9C8D 1.87:1 Fail
Aa #F5DAD3 on #CC9C8D 1.82:1 Fail
Aa #C7B7C3 on #AB8376 1.76:1 Fail
Aa #6A3D74 on #876696 1.73:1 Fail
Aa #7B5996 on #AB8376 1.68:1 Fail
Aa #B5B5CF on #AB8376 1.68:1 Fail
Aa #B5B5CF on #E6E3E8 1.58:1 Fail
Aa #B5B5CF on #FFDBD3 1.56:1 Fail
Aa #4A2643 on #6A3D74 1.54:1 Fail
Aa #B5B5CF on #F5DAD3 1.51:1 Fail
Aa #E6E3E8 on #C7B7C3 1.50:1 Fail
Aa #C7B7C3 on #FFDBD3 1.49:1 Fail
Aa #6A3D74 on #7B5996 1.47:1 Fail
Aa #C7B7C3 on #F5DAD3 1.44:1 Fail
Aa #876696 on #AB8376 1.43:1 Fail
Aa #CC9C8D on #AB8376 1.40:1 Fail
Aa #C7B7C3 on #CC9C8D 1.26:1 Fail
Aa #B5B5CF on #CC9C8D 1.20:1 Fail
Aa #7B5996 on #876696 1.18:1 Fail
Aa #B5B5CF on #C7B7C3 1.05:1 Fail
Aa #E6E3E8 on #F5DAD3 1.04:1 Fail
Aa #F5DAD3 on #FFDBD3 1.03:1 Fail
Aa #E6E3E8 on #FFDBD3 1.01: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