Sign Up Sign Up
Arch

Arch

11-color palette · Cool · Mixed · Analogous harmony

Back to Library

Arch

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

Modify
Muted 11 colors Cool Mixed Analogous pink arch blurple 11colors
Likes 458
Colors 11

CSS variables

:root {
  --c-muted-1: #323348;
  --c-muted-2: #3F4873;
  --c-muted-3: #4C5797;
  --c-muted-4: #616FAE;
  --c-muted-5: #757AB2;
  --c-muted-6: #9288BD;
  --c-muted-7: #A097C4;
  --c-muted-8: #D9B7D8;
  --c-muted-9: #FDC5C6;
  --c-muted-10: #FEE7D5;
  --c-muted-11: #FDFDFF;
}

About this palette

This 11-color muted palette runs from Pale Grey (#FDFDFF) as its lightest tone to Deep Velvet (#323348) as its darkest. It blends Deep Velvet, Constellation Blue, Onion Skin Blue, Loch Ness, Ontario Violet, Heliotropic Mauve, Majestic Violet, French Lilac, Crystal Rose, Mood Lighting and Pale Grey into a single set you can drop straight into a UI. Of its 55 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #323348 on #FDFDFF at 12.14:1.

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

Color breakdown

Deep Velvet #323348
RGB
rgb(50, 51, 72)
HSL
hsl(237, 18%, 24%)
Luminance
0.035
Constellation Blue #3F4873
RGB
rgb(63, 72, 115)
HSL
hsl(230, 29%, 35%)
Luminance
0.069
Onion Skin Blue #4C5797
RGB
rgb(76, 87, 151)
HSL
hsl(231, 33%, 45%)
Luminance
0.106
Loch Ness #616FAE
RGB
rgb(97, 111, 174)
HSL
hsl(229, 32%, 53%)
Luminance
0.170
Ontario Violet #757AB2
RGB
rgb(117, 122, 178)
HSL
hsl(235, 28%, 58%)
Luminance
0.209
Heliotropic Mauve #9288BD
RGB
rgb(146, 136, 189)
HSL
hsl(251, 29%, 64%)
Luminance
0.274
Majestic Violet #A097C4
RGB
rgb(160, 151, 196)
HSL
hsl(252, 28%, 68%)
Luminance
0.336
French Lilac #D9B7D8
RGB
rgb(217, 183, 216)
HSL
hsl(302, 31%, 78%)
Luminance
0.536
Crystal Rose #FDC5C6
RGB
rgb(253, 197, 198)
HSL
hsl(359, 93%, 88%)
Luminance
0.649
Mood Lighting #FEE7D5
RGB
rgb(254, 231, 213)
HSL
hsl(26, 95%, 92%)
Luminance
0.830
Pale Grey #FDFDFF
RGB
rgb(253, 253, 255)
HSL
hsl(240, 100%, 100%)
Luminance
0.984

Contrast & accessibility

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

Aa #323348 on #FDFDFF 12.14:1 AAA
Aa #323348 on #FEE7D5 10.34:1 AAA
Aa #3F4873 on #FDFDFF 8.66:1 AAA
Aa #323348 on #FDC5C6 8.21:1 AAA
Aa #3F4873 on #FEE7D5 7.38:1 AAA
Aa #323348 on #D9B7D8 6.88:1 AA
Aa #4C5797 on #FDFDFF 6.63:1 AA
Aa #3F4873 on #FDC5C6 5.86:1 AA
Aa #4C5797 on #FEE7D5 5.65:1 AA
Aa #3F4873 on #D9B7D8 4.91:1 AA
Aa #616FAE on #FDFDFF 4.71:1 AA
Aa #323348 on #A097C4 4.53:1 AA
Aa #4C5797 on #FDC5C6 4.48:1 AA Large
Aa #616FAE on #FEE7D5 4.01:1 AA Large
Aa #757AB2 on #FDFDFF 3.99:1 AA Large
Aa #323348 on #9288BD 3.80:1 AA Large
Aa #4C5797 on #D9B7D8 3.76:1 AA Large
Aa #757AB2 on #FEE7D5 3.40:1 AA Large
Aa #3F4873 on #A097C4 3.24:1 AA Large
Aa #9288BD on #FDFDFF 3.19:1 AA Large
Aa #616FAE on #FDC5C6 3.18:1 AA Large
Aa #323348 on #757AB2 3.04:1 AA Large
Aa #3F4873 on #9288BD 2.72:1 Fail
Aa #9288BD on #FEE7D5 2.72:1 Fail
Aa #757AB2 on #FDC5C6 2.70:1 Fail
Aa #A097C4 on #FDFDFF 2.68:1 Fail
Aa #616FAE on #D9B7D8 2.67:1 Fail
Aa #323348 on #616FAE 2.58:1 Fail
Aa #4C5797 on #A097C4 2.48:1 Fail
Aa #A097C4 on #FEE7D5 2.28:1 Fail
Aa #757AB2 on #D9B7D8 2.26:1 Fail
Aa #3F4873 on #757AB2 2.17:1 Fail
Aa #9288BD on #FDC5C6 2.16:1 Fail
Aa #4C5797 on #9288BD 2.08:1 Fail
Aa #3F4873 on #616FAE 1.84:1 Fail
Aa #323348 on #4C5797 1.83:1 Fail
Aa #9288BD on #D9B7D8 1.81:1 Fail
Aa #A097C4 on #FDC5C6 1.81:1 Fail
Aa #616FAE on #A097C4 1.76:1 Fail
Aa #D9B7D8 on #FDFDFF 1.76:1 Fail
Aa #4C5797 on #757AB2 1.66:1 Fail
Aa #A097C4 on #D9B7D8 1.52:1 Fail
Aa #D9B7D8 on #FEE7D5 1.50:1 Fail
Aa #757AB2 on #A097C4 1.49:1 Fail
Aa #FDC5C6 on #FDFDFF 1.48:1 Fail
Aa #616FAE on #9288BD 1.47:1 Fail
Aa #4C5797 on #616FAE 1.41:1 Fail
Aa #323348 on #3F4873 1.40:1 Fail
Aa #3F4873 on #4C5797 1.31:1 Fail
Aa #FDC5C6 on #FEE7D5 1.26:1 Fail
Aa #757AB2 on #9288BD 1.25:1 Fail
Aa #9288BD on #A097C4 1.19:1 Fail
Aa #D9B7D8 on #FDC5C6 1.19:1 Fail
Aa #616FAE on #757AB2 1.18:1 Fail
Aa #FEE7D5 on #FDFDFF 1.17: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