Sign Up Sign Up
Eerie Blurple 9

Eerie Blurple 9

9-color palette · Cool · Mixed · Monochromatic harmony

Back to Library

Eerie Blurple 9

9-color palette · Cool temperature · Mixed tone · Monochromatic harmony

Modify
Muted 9 colors Cool Mixed Monochromatic blurple desaturated eerie 9
Likes 30
Colors 9

CSS variables

:root {
  --c-muted-1: #1F1F24;
  --c-muted-2: #2E2D3A;
  --c-muted-3: #433F5A;
  --c-muted-4: #565886;
  --c-muted-5: #5D66A2;
  --c-muted-6: #8D89B3;
  --c-muted-7: #BBB4CA;
  --c-muted-8: #E0DDE4;
  --c-muted-9: #F6F4F6;
}

About this palette

This 9-color muted palette runs from French Porcelain (#F6F4F6) as its lightest tone to Noble Black (#1F1F24) as its darkest. It blends Noble Black, Black Rock, Club Grey, Mauve Dusk, Iris Bloom, Silk Lilac, Violet Beauty, Minified Mauve and French Porcelain into a single set you can drop straight into a UI. Of its 36 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1F1F24 on #F6F4F6 at 15:1.

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

Color breakdown

Noble Black #1F1F24
RGB
rgb(31, 31, 36)
HSL
hsl(240, 7%, 13%)
Luminance
0.014
Black Rock #2E2D3A
RGB
rgb(46, 45, 58)
HSL
hsl(245, 13%, 20%)
Luminance
0.028
Club Grey #433F5A
RGB
rgb(67, 63, 90)
HSL
hsl(249, 18%, 30%)
Luminance
0.055
Mauve Dusk #565886
RGB
rgb(86, 88, 134)
HSL
hsl(238, 22%, 43%)
Luminance
0.107
Iris Bloom #5D66A2
RGB
rgb(93, 102, 162)
HSL
hsl(232, 27%, 50%)
Luminance
0.144
Silk Lilac #8D89B3
RGB
rgb(141, 137, 179)
HSL
hsl(246, 22%, 62%)
Luminance
0.268
Violet Beauty #BBB4CA
RGB
rgb(187, 180, 202)
HSL
hsl(259, 17%, 75%)
Luminance
0.475
Minified Mauve #E0DDE4
RGB
rgb(224, 221, 228)
HSL
hsl(266, 11%, 88%)
Luminance
0.732
French Porcelain #F6F4F6
RGB
rgb(246, 244, 246)
HSL
hsl(300, 10%, 96%)
Luminance
0.910

Contrast & accessibility

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

Aa #1F1F24 on #F6F4F6 15.00:1 AAA
Aa #2E2D3A on #F6F4F6 12.36:1 AAA
Aa #1F1F24 on #E0DDE4 12.22:1 AAA
Aa #2E2D3A on #E0DDE4 10.07:1 AAA
Aa #433F5A on #F6F4F6 9.15:1 AAA
Aa #1F1F24 on #BBB4CA 8.20:1 AAA
Aa #433F5A on #E0DDE4 7.45:1 AAA
Aa #2E2D3A on #BBB4CA 6.76:1 AA
Aa #565886 on #F6F4F6 6.12:1 AA
Aa #433F5A on #BBB4CA 5.00:1 AA
Aa #565886 on #E0DDE4 4.99:1 AA
Aa #1F1F24 on #8D89B3 4.97:1 AA
Aa #5D66A2 on #F6F4F6 4.94:1 AA
Aa #2E2D3A on #8D89B3 4.10:1 AA Large
Aa #5D66A2 on #E0DDE4 4.02:1 AA Large
Aa #565886 on #BBB4CA 3.35:1 AA Large
Aa #1F1F24 on #5D66A2 3.04:1 AA Large
Aa #433F5A on #8D89B3 3.03:1 AA Large
Aa #8D89B3 on #F6F4F6 3.02:1 AA Large
Aa #5D66A2 on #BBB4CA 2.70:1 Fail
Aa #2E2D3A on #5D66A2 2.50:1 Fail
Aa #8D89B3 on #E0DDE4 2.46:1 Fail
Aa #1F1F24 on #565886 2.45:1 Fail
Aa #565886 on #8D89B3 2.03:1 Fail
Aa #2E2D3A on #565886 2.02:1 Fail
Aa #433F5A on #5D66A2 1.85:1 Fail
Aa #BBB4CA on #F6F4F6 1.83:1 Fail
Aa #8D89B3 on #BBB4CA 1.65:1 Fail
Aa #1F1F24 on #433F5A 1.64:1 Fail
Aa #5D66A2 on #8D89B3 1.64:1 Fail
Aa #433F5A on #565886 1.50:1 Fail
Aa #BBB4CA on #E0DDE4 1.49:1 Fail
Aa #2E2D3A on #433F5A 1.35:1 Fail
Aa #565886 on #5D66A2 1.24:1 Fail
Aa #E0DDE4 on #F6F4F6 1.23:1 Fail
Aa #1F1F24 on #2E2D3A 1.21: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