Sign Up Sign Up
Depressed Rainbow

Depressed Rainbow

9-color palette · Neutral · Mixed · Monochromatic harmony

Back to Library

Depressed Rainbow

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

Modify
Muted 9 colors Neutral Mixed Monochromatic blackandwhite sad fun alphapallet
Likes 20
Colors 9

CSS variables

:root {
  --c-muted-1: #070F00;
  --c-muted-2: #2A3330;
  --c-muted-3: #485254;
  --c-muted-4: #5F7063;
  --c-muted-5: #7D9599;
  --c-muted-6: #A8A1AB;
  --c-muted-7: #C3BBC7;
  --c-muted-8: #D3CED6;
  --c-muted-9: #E6E6DF;
}

About this palette

This 9-color muted palette runs from Black Squeeze (#E6E6DF) as its lightest tone to Whiten’t (#070F00) as its darkest. It blends Whiten’t, Woodsmoke, Dark as Night, Seraphinite, Silent Tide, Mysterious Mauve, Stately Frills, Jam Session and Black Squeeze into a single set you can drop straight into a UI. Of its 36 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #070F00 on #E6E6DF at 15.55:1.

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

Color breakdown

Whiten’t #070F00
RGB
rgb(7, 15, 0)
HSL
hsl(92, 100%, 3%)
Luminance
0.004
Woodsmoke #2A3330
RGB
rgb(42, 51, 48)
HSL
hsl(160, 10%, 18%)
Luminance
0.031
Dark as Night #485254
RGB
rgb(72, 82, 84)
HSL
hsl(190, 8%, 31%)
Luminance
0.081
Seraphinite #5F7063
RGB
rgb(95, 112, 99)
HSL
hsl(134, 8%, 41%)
Luminance
0.149
Silent Tide #7D9599
RGB
rgb(125, 149, 153)
HSL
hsl(189, 12%, 55%)
Luminance
0.282
Mysterious Mauve #A8A1AB
RGB
rgb(168, 161, 171)
HSL
hsl(282, 6%, 65%)
Luminance
0.368
Stately Frills #C3BBC7
RGB
rgb(195, 187, 199)
HSL
hsl(280, 10%, 76%)
Luminance
0.513
Jam Session #D3CED6
RGB
rgb(211, 206, 214)
HSL
hsl(278, 9%, 82%)
Luminance
0.629
Black Squeeze #E6E6DF
RGB
rgb(230, 230, 223)
HSL
hsl(60, 12%, 89%)
Luminance
0.787

Contrast & accessibility

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

Aa #070F00 on #E6E6DF 15.55:1 AAA
Aa #070F00 on #D3CED6 12.59:1 AAA
Aa #070F00 on #C3BBC7 10.45:1 AAA
Aa #2A3330 on #E6E6DF 10.37:1 AAA
Aa #2A3330 on #D3CED6 8.40:1 AAA
Aa #070F00 on #A8A1AB 7.75:1 AAA
Aa #2A3330 on #C3BBC7 6.97:1 AA
Aa #485254 on #E6E6DF 6.42:1 AA
Aa #070F00 on #7D9599 6.15:1 AA
Aa #485254 on #D3CED6 5.20:1 AA
Aa #2A3330 on #A8A1AB 5.17:1 AA
Aa #485254 on #C3BBC7 4.31:1 AA Large
Aa #5F7063 on #E6E6DF 4.20:1 AA Large
Aa #2A3330 on #7D9599 4.11:1 AA Large
Aa #070F00 on #5F7063 3.70:1 AA Large
Aa #5F7063 on #D3CED6 3.41:1 AA Large
Aa #485254 on #A8A1AB 3.20:1 AA Large
Aa #5F7063 on #C3BBC7 2.82:1 Fail
Aa #485254 on #7D9599 2.54:1 Fail
Aa #7D9599 on #E6E6DF 2.53:1 Fail
Aa #2A3330 on #5F7063 2.47:1 Fail
Aa #070F00 on #485254 2.42:1 Fail
Aa #5F7063 on #A8A1AB 2.10:1 Fail
Aa #7D9599 on #D3CED6 2.05:1 Fail
Aa #A8A1AB on #E6E6DF 2.01:1 Fail
Aa #7D9599 on #C3BBC7 1.70:1 Fail
Aa #5F7063 on #7D9599 1.66:1 Fail
Aa #2A3330 on #485254 1.62:1 Fail
Aa #A8A1AB on #D3CED6 1.62:1 Fail
Aa #485254 on #5F7063 1.53:1 Fail
Aa #070F00 on #2A3330 1.50:1 Fail
Aa #C3BBC7 on #E6E6DF 1.49:1 Fail
Aa #A8A1AB on #C3BBC7 1.35:1 Fail
Aa #7D9599 on #A8A1AB 1.26:1 Fail
Aa #D3CED6 on #E6E6DF 1.23:1 Fail
Aa #C3BBC7 on #D3CED6 1.21: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