Sign Up Sign Up
Rainy Afternoon

Rainy Afternoon

10-color palette · Neutral · Dark · Complementary harmony

Back to Library

Rainy Afternoon

10-color palette · Neutral temperature · Dark tone · Complementary harmony

Modify
Muted 10 colors Neutral Dark Complementary rainy lush
Likes 12
Colors 10

CSS variables

:root {
  --c-muted-1: #151A1E;
  --c-muted-2: #323137;
  --c-muted-3: #403847;
  --c-muted-4: #43362A;
  --c-muted-5: #534039;
  --c-muted-6: #3F5955;
  --c-muted-7: #3E6356;
  --c-muted-8: #5D5F6D;
  --c-muted-9: #737E92;
  --c-muted-10: #A0B4B8;
}

About this palette

This 10-color muted palette runs from Ovation (#A0B4B8) as its lightest tone to River Styx (#151A1E) as its darkest. It blends River Styx, Smiler’s Mist, Wineshade, Dark Rum, Caviar Black, Orkhide Shade, Stromboli, Concrete Landscape, Soulful Blue and Ovation into a single set you can drop straight into a UI. Of its 45 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #151A1E on #A0B4B8 at 8.11:1.

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

Color breakdown

River Styx #151A1E
RGB
rgb(21, 26, 30)
HSL
hsl(207, 18%, 10%)
Luminance
0.010
Smiler’s Mist #323137
RGB
rgb(50, 49, 55)
HSL
hsl(250, 6%, 20%)
Luminance
0.032
Wineshade #403847
RGB
rgb(64, 56, 71)
HSL
hsl(272, 12%, 25%)
Luminance
0.044
Dark Rum #43362A
RGB
rgb(67, 54, 42)
HSL
hsl(29, 23%, 21%)
Luminance
0.040
Caviar Black #534039
RGB
rgb(83, 64, 57)
HSL
hsl(16, 19%, 27%)
Luminance
0.058
Orkhide Shade #3F5955
RGB
rgb(63, 89, 85)
HSL
hsl(171, 17%, 30%)
Luminance
0.089
Stromboli #3E6356
RGB
rgb(62, 99, 86)
HSL
hsl(159, 23%, 32%)
Luminance
0.106
Concrete Landscape #5D5F6D
RGB
rgb(93, 95, 109)
HSL
hsl(233, 8%, 40%)
Luminance
0.116
Soulful Blue #737E92
RGB
rgb(115, 126, 146)
HSL
hsl(219, 12%, 51%)
Luminance
0.206
Ovation #A0B4B8
RGB
rgb(160, 180, 184)
HSL
hsl(190, 14%, 67%)
Luminance
0.436

Contrast & accessibility

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

Aa #151A1E on #A0B4B8 8.11:1 AAA
Aa #323137 on #A0B4B8 5.96:1 AA
Aa #43362A on #A0B4B8 5.40:1 AA
Aa #403847 on #A0B4B8 5.18:1 AA
Aa #534039 on #A0B4B8 4.50:1 AA
Aa #151A1E on #737E92 4.28:1 AA Large
Aa #3F5955 on #A0B4B8 3.51:1 AA Large
Aa #323137 on #737E92 3.15:1 AA Large
Aa #3E6356 on #A0B4B8 3.11:1 AA Large
Aa #5D5F6D on #A0B4B8 2.92:1 Fail
Aa #43362A on #737E92 2.85:1 Fail
Aa #151A1E on #5D5F6D 2.77:1 Fail
Aa #403847 on #737E92 2.74:1 Fail
Aa #151A1E on #3E6356 2.61:1 Fail
Aa #534039 on #737E92 2.37:1 Fail
Aa #151A1E on #3F5955 2.31:1 Fail
Aa #323137 on #5D5F6D 2.04:1 Fail
Aa #323137 on #3E6356 1.92:1 Fail
Aa #737E92 on #A0B4B8 1.89:1 Fail
Aa #43362A on #5D5F6D 1.85:1 Fail
Aa #3F5955 on #737E92 1.85:1 Fail
Aa #151A1E on #534039 1.80:1 Fail
Aa #403847 on #5D5F6D 1.77:1 Fail
Aa #43362A on #3E6356 1.74:1 Fail
Aa #323137 on #3F5955 1.70:1 Fail
Aa #403847 on #3E6356 1.67:1 Fail
Aa #3E6356 on #737E92 1.64:1 Fail
Aa #151A1E on #403847 1.56:1 Fail
Aa #43362A on #3F5955 1.54:1 Fail
Aa #534039 on #5D5F6D 1.54:1 Fail
Aa #5D5F6D on #737E92 1.54:1 Fail
Aa #151A1E on #43362A 1.50:1 Fail
Aa #403847 on #3F5955 1.48:1 Fail
Aa #534039 on #3E6356 1.45:1 Fail
Aa #151A1E on #323137 1.36:1 Fail
Aa #323137 on #534039 1.33:1 Fail
Aa #534039 on #3F5955 1.28:1 Fail
Aa #43362A on #534039 1.20:1 Fail
Aa #3F5955 on #5D5F6D 1.20:1 Fail
Aa #323137 on #403847 1.15:1 Fail
Aa #403847 on #534039 1.15:1 Fail
Aa #3F5955 on #3E6356 1.13:1 Fail
Aa #323137 on #43362A 1.10:1 Fail
Aa #3E6356 on #5D5F6D 1.06:1 Fail
Aa #403847 on #43362A 1.04:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors