Sign Up Sign Up
Enchanted Purple

Enchanted Purple

12-color palette · Cool · Mixed · Analogous harmony

Back to Library

Enchanted Purple

12-color palette · Cool temperature · Mixed tone · Analogous harmony

Modify
Muted 12 colors Cool Mixed Analogous purple glow enchanted
Likes 226
Colors 12

CSS variables

:root {
  --c-muted-1: #16254A;
  --c-muted-2: #3A4278;
  --c-muted-3: #4D4E8F;
  --c-muted-4: #605A9E;
  --c-muted-5: #746FB3;
  --c-muted-6: #8071B5;
  --c-muted-7: #917AC2;
  --c-muted-8: #9877C5;
  --c-muted-9: #C594E6;
  --c-muted-10: #E1A8FA;
  --c-muted-11: #F5C1FF;
  --c-muted-12: #FCCFFF;
}

About this palette

This 12-color muted palette runs from Pink Diamond (#FCCFFF) as its lightest tone to Rurikon Blue (#16254A) as its darkest. It blends Rurikon Blue, Little Blue Heron, Twilight, Purple Opulence, Clear Mauve, Dahlia Purple, Ube, Lilac Bush, Bright Lavender, Testosterose, Electric Lavender and Pink Diamond 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 #16254A on #FCCFFF at 11.1:1.

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

Color breakdown

Rurikon Blue #16254A
RGB
rgb(22, 37, 74)
HSL
hsl(223, 54%, 19%)
Luminance
0.020
Little Blue Heron #3A4278
RGB
rgb(58, 66, 120)
HSL
hsl(232, 35%, 35%)
Luminance
0.062
Twilight #4D4E8F
RGB
rgb(77, 78, 143)
HSL
hsl(239, 30%, 43%)
Luminance
0.090
Purple Opulence #605A9E
RGB
rgb(96, 90, 158)
HSL
hsl(245, 27%, 49%)
Luminance
0.123
Clear Mauve #746FB3
RGB
rgb(116, 111, 179)
HSL
hsl(244, 31%, 57%)
Luminance
0.183
Dahlia Purple #8071B5
RGB
rgb(128, 113, 181)
HSL
hsl(253, 31%, 58%)
Luminance
0.197
Ube #917AC2
RGB
rgb(145, 122, 194)
HSL
hsl(259, 37%, 62%)
Luminance
0.238
Lilac Bush #9877C5
RGB
rgb(152, 119, 197)
HSL
hsl(265, 40%, 62%)
Luminance
0.239
Bright Lavender #C594E6
RGB
rgb(197, 148, 230)
HSL
hsl(276, 62%, 74%)
Luminance
0.388
Testosterose #E1A8FA
RGB
rgb(225, 168, 250)
HSL
hsl(282, 89%, 82%)
Luminance
0.509
Electric Lavender #F5C1FF
RGB
rgb(245, 193, 255)
HSL
hsl(290, 100%, 88%)
Luminance
0.648
Pink Diamond #FCCFFF
RGB
rgb(252, 207, 255)
HSL
hsl(296, 100%, 91%)
Luminance
0.725

Contrast & accessibility

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

Aa #16254A on #FCCFFF 11.10:1 AAA
Aa #16254A on #F5C1FF 9.98:1 AAA
Aa #16254A on #E1A8FA 8.00:1 AAA
Aa #3A4278 on #FCCFFF 6.95:1 AA
Aa #16254A on #C594E6 6.26:1 AA
Aa #3A4278 on #F5C1FF 6.26:1 AA
Aa #4D4E8F on #FCCFFF 5.53:1 AA
Aa #3A4278 on #E1A8FA 5.01:1 AA
Aa #4D4E8F on #F5C1FF 4.98:1 AA
Aa #605A9E on #FCCFFF 4.49:1 AA Large
Aa #16254A on #9877C5 4.14:1 AA Large
Aa #16254A on #917AC2 4.13:1 AA Large
Aa #605A9E on #F5C1FF 4.04:1 AA Large
Aa #4D4E8F on #E1A8FA 3.99:1 AA Large
Aa #3A4278 on #C594E6 3.92:1 AA Large
Aa #16254A on #8071B5 3.54:1 AA Large
Aa #16254A on #746FB3 3.34:1 AA Large
Aa #746FB3 on #FCCFFF 3.32:1 AA Large
Aa #605A9E on #E1A8FA 3.24:1 AA Large
Aa #8071B5 on #FCCFFF 3.13:1 AA Large
Aa #4D4E8F on #C594E6 3.12:1 AA Large
Aa #746FB3 on #F5C1FF 2.99:1 Fail
Aa #8071B5 on #F5C1FF 2.82:1 Fail
Aa #917AC2 on #FCCFFF 2.69:1 Fail
Aa #9877C5 on #FCCFFF 2.68:1 Fail
Aa #3A4278 on #917AC2 2.59:1 Fail
Aa #3A4278 on #9877C5 2.59:1 Fail
Aa #605A9E on #C594E6 2.53:1 Fail
Aa #16254A on #605A9E 2.47:1 Fail
Aa #917AC2 on #F5C1FF 2.42:1 Fail
Aa #9877C5 on #F5C1FF 2.41:1 Fail
Aa #746FB3 on #E1A8FA 2.40:1 Fail
Aa #8071B5 on #E1A8FA 2.26:1 Fail
Aa #3A4278 on #8071B5 2.22:1 Fail
Aa #3A4278 on #746FB3 2.09:1 Fail
Aa #4D4E8F on #917AC2 2.06:1 Fail
Aa #4D4E8F on #9877C5 2.06:1 Fail
Aa #16254A on #4D4E8F 2.00:1 Fail
Aa #917AC2 on #E1A8FA 1.94:1 Fail
Aa #9877C5 on #E1A8FA 1.93:1 Fail
Aa #746FB3 on #C594E6 1.88:1 Fail
Aa #4D4E8F on #8071B5 1.77:1 Fail
Aa #8071B5 on #C594E6 1.77:1 Fail
Aa #C594E6 on #FCCFFF 1.77:1 Fail
Aa #4D4E8F on #746FB3 1.67:1 Fail
Aa #605A9E on #917AC2 1.67:1 Fail
Aa #605A9E on #9877C5 1.67:1 Fail
Aa #16254A on #3A4278 1.60:1 Fail
Aa #C594E6 on #F5C1FF 1.59:1 Fail
Aa #3A4278 on #605A9E 1.55:1 Fail
Aa #917AC2 on #C594E6 1.52:1 Fail
Aa #9877C5 on #C594E6 1.51:1 Fail
Aa #605A9E on #8071B5 1.43:1 Fail
Aa #E1A8FA on #FCCFFF 1.39:1 Fail
Aa #605A9E on #746FB3 1.35:1 Fail
Aa #C594E6 on #E1A8FA 1.28:1 Fail
Aa #3A4278 on #4D4E8F 1.26:1 Fail
Aa #E1A8FA on #F5C1FF 1.25:1 Fail
Aa #746FB3 on #917AC2 1.24:1 Fail
Aa #746FB3 on #9877C5 1.24:1 Fail
Aa #4D4E8F on #605A9E 1.23:1 Fail
Aa #8071B5 on #917AC2 1.17:1 Fail
Aa #8071B5 on #9877C5 1.17:1 Fail
Aa #F5C1FF on #FCCFFF 1.11:1 Fail
Aa #746FB3 on #8071B5 1.06:1 Fail
Aa #917AC2 on #9877C5 1.00:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors