Sign Up Sign Up
Tempered Alexandrite

Tempered Alexandrite

12-color palette · Neutral · Mixed · Monochromatic harmony

Back to Library

Tempered Alexandrite

12-color palette · Neutral temperature · Mixed tone · Monochromatic harmony

Modify
Muted 12 colors Neutral Mixed Monochromatic novemberneutralpalettecontest
Likes 57
Colors 12

CSS variables

:root {
  --c-muted-1: #343A36;
  --c-muted-2: #747E90;
  --c-muted-3: #20211C;
  --c-muted-4: #4D5A57;
  --c-muted-5: #5A4A45;
  --c-muted-6: #A19C8C;
  --c-muted-7: #BABABA;
  --c-muted-8: #77676B;
  --c-muted-9: #988FB1;
  --c-muted-10: #3E392F;
  --c-muted-11: #98788E;
  --c-muted-12: #56524E;
}

About this palette

This 12-color muted palette runs from Baby Talk Grey (#BABABA) as its lightest tone to Petroleum (#20211C) as its darkest. It blends Charcoal, Soulful Blue, Petroleum, Midnight in NY, Bear in Mind, Sacred Vortex, Baby Talk Grey, Rhapsody Rap, Greek Lavender, Fired Earth, Mountbatten Pink and Heavy Charcoal into a single set you can drop straight into a UI. Of its 66 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #20211C on #BABABA at 8.35:1.

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

Color breakdown

Charcoal #343A36
RGB
rgb(52, 58, 54)
HSL
hsl(140, 5%, 22%)
Luminance
0.040
Soulful Blue #747E90
RGB
rgb(116, 126, 144)
HSL
hsl(219, 11%, 51%)
Luminance
0.207
Petroleum #20211C
RGB
rgb(32, 33, 28)
HSL
hsl(72, 8%, 12%)
Luminance
0.015
Midnight in NY #4D5A57
RGB
rgb(77, 90, 87)
HSL
hsl(166, 8%, 33%)
Luminance
0.096
Bear in Mind #5A4A45
RGB
rgb(90, 74, 69)
HSL
hsl(14, 13%, 31%)
Luminance
0.075
Sacred Vortex #A19C8C
RGB
rgb(161, 156, 140)
HSL
hsl(46, 10%, 59%)
Luminance
0.333
Baby Talk Grey #BABABA
RGB
rgb(186, 186, 186)
HSL
hsl(0, 0%, 73%)
Luminance
0.491
Rhapsody Rap #77676B
RGB
rgb(119, 103, 107)
HSL
hsl(345, 7%, 44%)
Luminance
0.147
Greek Lavender #988FB1
RGB
rgb(152, 143, 177)
HSL
hsl(256, 18%, 63%)
Luminance
0.295
Fired Earth #3E392F
RGB
rgb(62, 57, 47)
HSL
hsl(40, 14%, 21%)
Luminance
0.042
Mountbatten Pink #98788E
RGB
rgb(152, 120, 142)
HSL
hsl(319, 13%, 53%)
Luminance
0.221
Heavy Charcoal #56524E
RGB
rgb(86, 82, 78)
HSL
hsl(30, 5%, 32%)
Luminance
0.086

Contrast & accessibility

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

Aa #20211C on #BABABA 8.35:1 AAA
Aa #343A36 on #BABABA 6.00:1 AA
Aa #BABABA on #3E392F 5.91:1 AA
Aa #20211C on #A19C8C 5.90:1 AA
Aa #20211C on #988FB1 5.32:1 AA
Aa #5A4A45 on #BABABA 4.33:1 AA Large
Aa #343A36 on #A19C8C 4.24:1 AA Large
Aa #20211C on #98788E 4.18:1 AA Large
Aa #A19C8C on #3E392F 4.18:1 AA Large
Aa #BABABA on #56524E 3.99:1 AA Large
Aa #747E90 on #20211C 3.96:1 AA Large
Aa #343A36 on #988FB1 3.82:1 AA Large
Aa #988FB1 on #3E392F 3.77:1 AA Large
Aa #4D5A57 on #BABABA 3.71:1 AA Large
Aa #5A4A45 on #A19C8C 3.06:1 AA Large
Aa #20211C on #77676B 3.04:1 AA Large
Aa #343A36 on #98788E 3.00:1 AA Large
Aa #3E392F on #98788E 2.96:1 Fail
Aa #343A36 on #747E90 2.84:1 Fail
Aa #A19C8C on #56524E 2.82:1 Fail
Aa #747E90 on #3E392F 2.80:1 Fail
Aa #5A4A45 on #988FB1 2.76:1 Fail
Aa #BABABA on #77676B 2.75:1 Fail
Aa #4D5A57 on #A19C8C 2.62:1 Fail
Aa #988FB1 on #56524E 2.54:1 Fail
Aa #4D5A57 on #988FB1 2.37:1 Fail
Aa #20211C on #4D5A57 2.25:1 Fail
Aa #343A36 on #77676B 2.18:1 Fail
Aa #5A4A45 on #98788E 2.16:1 Fail
Aa #77676B on #3E392F 2.15:1 Fail
Aa #747E90 on #BABABA 2.11:1 Fail
Aa #20211C on #56524E 2.09:1 Fail
Aa #747E90 on #5A4A45 2.05:1 Fail
Aa #BABABA on #98788E 2.00:1 Fail
Aa #98788E on #56524E 2.00:1 Fail
Aa #A19C8C on #77676B 1.94:1 Fail
Aa #20211C on #5A4A45 1.93:1 Fail
Aa #747E90 on #56524E 1.89:1 Fail
Aa #4D5A57 on #98788E 1.86:1 Fail
Aa #747E90 on #4D5A57 1.76:1 Fail
Aa #77676B on #988FB1 1.75:1 Fail
Aa #343A36 on #4D5A57 1.62:1 Fail
Aa #4D5A57 on #3E392F 1.59:1 Fail
Aa #5A4A45 on #77676B 1.57:1 Fail
Aa #BABABA on #988FB1 1.57:1 Fail
Aa #343A36 on #56524E 1.50:1 Fail
Aa #747E90 on #A19C8C 1.49:1 Fail
Aa #3E392F on #56524E 1.48:1 Fail
Aa #77676B on #56524E 1.45:1 Fail
Aa #20211C on #3E392F 1.41:1 Fail
Aa #A19C8C on #BABABA 1.41:1 Fail
Aa #A19C8C on #98788E 1.41:1 Fail
Aa #343A36 on #20211C 1.39:1 Fail
Aa #343A36 on #5A4A45 1.39:1 Fail
Aa #5A4A45 on #3E392F 1.37:1 Fail
Aa #77676B on #98788E 1.37:1 Fail
Aa #4D5A57 on #77676B 1.35:1 Fail
Aa #747E90 on #988FB1 1.34:1 Fail
Aa #747E90 on #77676B 1.30:1 Fail
Aa #988FB1 on #98788E 1.27:1 Fail
Aa #4D5A57 on #5A4A45 1.17:1 Fail
Aa #A19C8C on #988FB1 1.11:1 Fail
Aa #5A4A45 on #56524E 1.08:1 Fail
Aa #4D5A57 on #56524E 1.07:1 Fail
Aa #747E90 on #98788E 1.06:1 Fail
Aa #343A36 on #3E392F 1.01:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors