Sign Up Sign Up
POISON CLOUD

POISON CLOUD

12-color palette · Cool · Dark · Complementary harmony

Back to Library

POISON CLOUD

12-color palette · Cool temperature · Dark tone · Complementary harmony

Modify
Muted 12 colors Cool Dark Complementary green blue purple limited
Likes 69
Colors 12

CSS variables

:root {
  --c-muted-1: #060628;
  --c-muted-2: #0B1B41;
  --c-muted-3: #143F64;
  --c-muted-4: #18676E;
  --c-muted-5: #27886A;
  --c-muted-6: #3E9E58;
  --c-muted-7: #230628;
  --c-muted-8: #34093B;
  --c-muted-9: #3A1358;
  --c-muted-10: #412374;
  --c-muted-11: #473382;
  --c-muted-12: #4D4697;
}

About this palette

This 12-color muted palette runs from Chateau Green (#3E9E58) as its lightest tone to Mysterious Depths (#060628) as its darkest. It blends Mysterious Depths, Dark Eclipse, Blue Opal, Seamount, Accent Green Blue, Chateau Green, Black Sabbath, Dark Purple, Wicked Purple, Explorer of the Galaxies, Majestic Eggplant and Liberty 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 #060628 on #3E9E58 at 5.86:1.

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

Color breakdown

Mysterious Depths #060628
RGB
rgb(6, 6, 40)
HSL
hsl(240, 74%, 9%)
Luminance
0.003
Dark Eclipse #0B1B41
RGB
rgb(11, 27, 65)
HSL
hsl(222, 71%, 15%)
Luminance
0.012
Blue Opal #143F64
RGB
rgb(20, 63, 100)
HSL
hsl(208, 67%, 24%)
Luminance
0.046
Seamount #18676E
RGB
rgb(24, 103, 110)
HSL
hsl(185, 64%, 26%)
Luminance
0.110
Accent Green Blue #27886A
RGB
rgb(39, 136, 106)
HSL
hsl(161, 55%, 34%)
Luminance
0.191
Chateau Green #3E9E58
RGB
rgb(62, 158, 88)
HSL
hsl(136, 44%, 43%)
Luminance
0.262
Black Sabbath #230628
RGB
rgb(35, 6, 40)
HSL
hsl(291, 74%, 9%)
Luminance
0.006
Dark Purple #34093B
RGB
rgb(52, 9, 59)
HSL
hsl(292, 74%, 13%)
Luminance
0.012
Wicked Purple #3A1358
RGB
rgb(58, 19, 88)
HSL
hsl(274, 64%, 21%)
Luminance
0.021
Explorer of the Galaxies #412374
RGB
rgb(65, 35, 116)
HSL
hsl(262, 54%, 30%)
Luminance
0.036
Majestic Eggplant #473382
RGB
rgb(71, 51, 130)
HSL
hsl(255, 44%, 35%)
Luminance
0.053
Liberty #4D4697
RGB
rgb(77, 70, 151)
HSL
hsl(245, 37%, 43%)
Luminance
0.082

Contrast & accessibility

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

Aa #060628 on #3E9E58 5.86:1 AA
Aa #3E9E58 on #230628 5.53:1 AA
Aa #0B1B41 on #3E9E58 5.00:1 AA
Aa #3E9E58 on #34093B 5.00:1 AA
Aa #060628 on #27886A 4.52:1 AA
Aa #3E9E58 on #3A1358 4.41:1 AA Large
Aa #27886A on #230628 4.27:1 AA Large
Aa #0B1B41 on #27886A 3.86:1 AA Large
Aa #27886A on #34093B 3.86:1 AA Large
Aa #3E9E58 on #412374 3.63:1 AA Large
Aa #27886A on #3A1358 3.41:1 AA Large
Aa #143F64 on #3E9E58 3.24:1 AA Large
Aa #3E9E58 on #473382 3.02:1 AA Large
Aa #060628 on #18676E 3.01:1 AA Large
Aa #18676E on #230628 2.84:1 Fail
Aa #27886A on #412374 2.80:1 Fail
Aa #0B1B41 on #18676E 2.57:1 Fail
Aa #18676E on #34093B 2.57:1 Fail
Aa #143F64 on #27886A 2.50:1 Fail
Aa #060628 on #4D4697 2.48:1 Fail
Aa #3E9E58 on #4D4697 2.36:1 Fail
Aa #230628 on #4D4697 2.34:1 Fail
Aa #27886A on #473382 2.33:1 Fail
Aa #18676E on #3A1358 2.27:1 Fail
Aa #0B1B41 on #4D4697 2.12:1 Fail
Aa #34093B on #4D4697 2.11:1 Fail
Aa #18676E on #3E9E58 1.95:1 Fail
Aa #060628 on #473382 1.94:1 Fail
Aa #18676E on #412374 1.87:1 Fail
Aa #3A1358 on #4D4697 1.87:1 Fail
Aa #27886A on #4D4697 1.83:1 Fail
Aa #230628 on #473382 1.83:1 Fail
Aa #060628 on #143F64 1.81:1 Fail
Aa #143F64 on #230628 1.71:1 Fail
Aa #143F64 on #18676E 1.66:1 Fail
Aa #0B1B41 on #473382 1.65:1 Fail
Aa #34093B on #473382 1.65:1 Fail
Aa #060628 on #412374 1.61:1 Fail
Aa #18676E on #473382 1.55:1 Fail
Aa #0B1B41 on #143F64 1.54:1 Fail
Aa #143F64 on #34093B 1.54:1 Fail
Aa #412374 on #4D4697 1.54:1 Fail
Aa #230628 on #412374 1.52:1 Fail
Aa #18676E on #27886A 1.50:1 Fail
Aa #3A1358 on #473382 1.46:1 Fail
Aa #0B1B41 on #412374 1.38:1 Fail
Aa #34093B on #412374 1.38:1 Fail
Aa #143F64 on #4D4697 1.37:1 Fail
Aa #143F64 on #3A1358 1.36:1 Fail
Aa #060628 on #3A1358 1.33:1 Fail
Aa #27886A on #3E9E58 1.29:1 Fail
Aa #473382 on #4D4697 1.28:1 Fail
Aa #230628 on #3A1358 1.25:1 Fail
Aa #18676E on #4D4697 1.21:1 Fail
Aa #3A1358 on #412374 1.21:1 Fail
Aa #412374 on #473382 1.20:1 Fail
Aa #060628 on #0B1B41 1.17:1 Fail
Aa #060628 on #34093B 1.17:1 Fail
Aa #0B1B41 on #3A1358 1.13:1 Fail
Aa #34093B on #3A1358 1.13:1 Fail
Aa #143F64 on #412374 1.12:1 Fail
Aa #0B1B41 on #230628 1.11:1 Fail
Aa #230628 on #34093B 1.11:1 Fail
Aa #143F64 on #473382 1.07:1 Fail
Aa #060628 on #230628 1.06:1 Fail
Aa #0B1B41 on #34093B 1.00:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors