Sign Up Sign Up
Calculated

Calculated

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

Calculated

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

Modify
Muted 11 colors Cool Mixed Complementary cold calculator math 11
Likes 51
Colors 11

CSS variables

:root {
  --c-muted-1: #181223;
  --c-muted-2: #3C3B6B;
  --c-muted-3: #6C78AE;
  --c-muted-4: #95B6D4;
  --c-muted-5: #505065;
  --c-muted-6: #C0C1D8;
  --c-muted-7: #EBEFFF;
  --c-muted-8: #AC9C87;
  --c-muted-9: #EEECCF;
  --c-muted-10: #6E8660;
  --c-muted-11: #3C3D32;
}

About this palette

This 11-color muted palette runs from Carte Blanche (#EBEFFF) as its lightest tone to Corbeau (#181223) as its darkest. It blends Corbeau, American Blue, Regal Azure, Oxygen Blue, Legendary Purple, Lavender Escape, Carte Blanche, Creek Bay, Floating Lily, Equatorial Forest and Scrub into a single set you can drop straight into a UI. Of its 55 color pairings, 16 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #181223 on #EBEFFF at 15.94:1.

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

Color breakdown

Corbeau #181223
RGB
rgb(24, 18, 35)
HSL
hsl(261, 32%, 10%)
Luminance
0.008
American Blue #3C3B6B
RGB
rgb(60, 59, 107)
HSL
hsl(241, 29%, 33%)
Luminance
0.052
Regal Azure #6C78AE
RGB
rgb(108, 120, 174)
HSL
hsl(229, 29%, 55%)
Luminance
0.197
Oxygen Blue #95B6D4
RGB
rgb(149, 182, 212)
HSL
hsl(209, 42%, 71%)
Luminance
0.446
Legendary Purple #505065
RGB
rgb(80, 80, 101)
HSL
hsl(240, 12%, 35%)
Luminance
0.084
Lavender Escape #C0C1D8
RGB
rgb(192, 193, 216)
HSL
hsl(238, 24%, 80%)
Luminance
0.543
Carte Blanche #EBEFFF
RGB
rgb(235, 239, 255)
HSL
hsl(228, 100%, 96%)
Luminance
0.866
Creek Bay #AC9C87
RGB
rgb(172, 156, 135)
HSL
hsl(34, 18%, 60%)
Luminance
0.343
Floating Lily #EEECCF
RGB
rgb(238, 236, 207)
HSL
hsl(56, 48%, 87%)
Luminance
0.827
Equatorial Forest #6E8660
RGB
rgb(110, 134, 96)
HSL
hsl(98, 17%, 45%)
Luminance
0.212
Scrub #3C3D32
RGB
rgb(60, 61, 50)
HSL
hsl(65, 10%, 22%)
Luminance
0.045

Contrast & accessibility

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

Aa #181223 on #EBEFFF 15.94:1 AAA
Aa #181223 on #EEECCF 15.25:1 AAA
Aa #181223 on #C0C1D8 10.32:1 AAA
Aa #EBEFFF on #3C3D32 9.61:1 AAA
Aa #EEECCF on #3C3D32 9.20:1 AAA
Aa #3C3B6B on #EBEFFF 9.03:1 AAA
Aa #3C3B6B on #EEECCF 8.64:1 AAA
Aa #181223 on #95B6D4 8.63:1 AAA
Aa #505065 on #EBEFFF 6.85:1 AA
Aa #181223 on #AC9C87 6.84:1 AA
Aa #505065 on #EEECCF 6.55:1 AA
Aa #C0C1D8 on #3C3D32 6.22:1 AA
Aa #3C3B6B on #C0C1D8 5.84:1 AA
Aa #95B6D4 on #3C3D32 5.21:1 AA
Aa #3C3B6B on #95B6D4 4.89:1 AA
Aa #181223 on #6E8660 4.56:1 AA
Aa #505065 on #C0C1D8 4.43:1 AA Large
Aa #181223 on #6C78AE 4.29:1 AA Large
Aa #AC9C87 on #3C3D32 4.12:1 AA Large
Aa #3C3B6B on #AC9C87 3.87:1 AA Large
Aa #6C78AE on #EBEFFF 3.71:1 AA Large
Aa #95B6D4 on #505065 3.71:1 AA Large
Aa #6C78AE on #EEECCF 3.55:1 AA Large
Aa #EBEFFF on #6E8660 3.50:1 AA Large
Aa #EEECCF on #6E8660 3.35:1 AA Large
Aa #505065 on #AC9C87 2.94:1 Fail
Aa #6E8660 on #3C3D32 2.75:1 Fail
Aa #6C78AE on #3C3D32 2.59:1 Fail
Aa #3C3B6B on #6E8660 2.58:1 Fail
Aa #3C3B6B on #6C78AE 2.43:1 Fail
Aa #6C78AE on #C0C1D8 2.40:1 Fail
Aa #181223 on #505065 2.33:1 Fail
Aa #EBEFFF on #AC9C87 2.33:1 Fail
Aa #C0C1D8 on #6E8660 2.26:1 Fail
Aa #AC9C87 on #EEECCF 2.23:1 Fail
Aa #6C78AE on #95B6D4 2.01:1 Fail
Aa #505065 on #6E8660 1.96:1 Fail
Aa #95B6D4 on #6E8660 1.89:1 Fail
Aa #95B6D4 on #EBEFFF 1.85:1 Fail
Aa #6C78AE on #505065 1.84:1 Fail
Aa #181223 on #3C3B6B 1.77:1 Fail
Aa #95B6D4 on #EEECCF 1.77:1 Fail
Aa #181223 on #3C3D32 1.66:1 Fail
Aa #6C78AE on #AC9C87 1.59:1 Fail
Aa #C0C1D8 on #EBEFFF 1.54:1 Fail
Aa #C0C1D8 on #AC9C87 1.51:1 Fail
Aa #AC9C87 on #6E8660 1.50:1 Fail
Aa #C0C1D8 on #EEECCF 1.48:1 Fail
Aa #505065 on #3C3D32 1.40:1 Fail
Aa #3C3B6B on #505065 1.32:1 Fail
Aa #95B6D4 on #AC9C87 1.26:1 Fail
Aa #95B6D4 on #C0C1D8 1.20:1 Fail
Aa #3C3B6B on #3C3D32 1.07:1 Fail
Aa #6C78AE on #6E8660 1.06:1 Fail
Aa #EBEFFF on #EEECCF 1.04: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