Sign Up Sign Up
Spoozy2

Spoozy2

9-color palette · Cool · Dark · Triadic harmony

Back to Library

Spoozy2

9-color palette · Cool temperature · Dark tone · Triadic harmony

Modify
Muted 9 colors Cool Dark Triadic halloween
Likes 36
Colors 9

CSS variables

:root {
  --c-muted-1: #3A1D4E;
  --c-muted-2: #34122D;
  --c-muted-3: #2B0C17;
  --c-muted-4: #230806;
  --c-muted-5: #7098FF;
  --c-muted-6: #3D3BA9;
  --c-muted-7: #25154C;
  --c-muted-8: #1A0F34;
  --c-muted-9: #0B0818;
}

About this palette

This 9-color muted palette runs from Punch Out Glove (#7098FF) as its lightest tone to Not Tonight (#0B0818) as its darkest. It blends Obsidian Orchid, Cultist Robe, Dark Danger, Root Brew, Punch Out Glove, Purple Cabbage, Silent Orbit, Midnight Monarch and Not Tonight into a single set you can drop straight into a UI. Of its 36 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #7098FF on #0B0818 at 7.18:1.

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

Color breakdown

Obsidian Orchid #3A1D4E
RGB
rgb(58, 29, 78)
HSL
hsl(276, 46%, 21%)
Luminance
0.023
Cultist Robe #34122D
RGB
rgb(52, 18, 45)
HSL
hsl(312, 49%, 14%)
Luminance
0.014
Dark Danger #2B0C17
RGB
rgb(43, 12, 23)
HSL
hsl(339, 56%, 11%)
Luminance
0.008
Root Brew #230806
RGB
rgb(35, 8, 6)
HSL
hsl(4, 71%, 8%)
Luminance
0.005
Punch Out Glove #7098FF
RGB
rgb(112, 152, 255)
HSL
hsl(223, 100%, 72%)
Luminance
0.331
Purple Cabbage #3D3BA9
RGB
rgb(61, 59, 169)
HSL
hsl(241, 48%, 45%)
Luminance
0.070
Silent Orbit #25154C
RGB
rgb(37, 21, 76)
HSL
hsl(257, 57%, 19%)
Luminance
0.015
Midnight Monarch #1A0F34
RGB
rgb(26, 15, 52)
HSL
hsl(258, 55%, 13%)
Luminance
0.008
Not Tonight #0B0818
RGB
rgb(11, 8, 24)
HSL
hsl(251, 50%, 6%)
Luminance
0.003

Contrast & accessibility

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

Aa #7098FF on #0B0818 7.18:1 AAA
Aa #230806 on #7098FF 6.88:1 AA
Aa #7098FF on #1A0F34 6.56:1 AA
Aa #2B0C17 on #7098FF 6.53:1 AA
Aa #34122D on #7098FF 6.00:1 AA
Aa #7098FF on #25154C 5.91:1 AA
Aa #3A1D4E on #7098FF 5.20:1 AA
Aa #7098FF on #3D3BA9 3.18:1 AA Large
Aa #3D3BA9 on #0B0818 2.26:1 Fail
Aa #230806 on #3D3BA9 2.16:1 Fail
Aa #3D3BA9 on #1A0F34 2.06:1 Fail
Aa #2B0C17 on #3D3BA9 2.05:1 Fail
Aa #34122D on #3D3BA9 1.89:1 Fail
Aa #3D3BA9 on #25154C 1.86:1 Fail
Aa #3A1D4E on #3D3BA9 1.64:1 Fail
Aa #3A1D4E on #0B0818 1.38:1 Fail
Aa #3A1D4E on #230806 1.32:1 Fail
Aa #3A1D4E on #2B0C17 1.26:1 Fail
Aa #3A1D4E on #1A0F34 1.26:1 Fail
Aa #25154C on #0B0818 1.21:1 Fail
Aa #34122D on #0B0818 1.20:1 Fail
Aa #230806 on #25154C 1.16:1 Fail
Aa #3A1D4E on #34122D 1.15:1 Fail
Aa #34122D on #230806 1.15:1 Fail
Aa #3A1D4E on #25154C 1.14:1 Fail
Aa #2B0C17 on #25154C 1.11:1 Fail
Aa #25154C on #1A0F34 1.11:1 Fail
Aa #2B0C17 on #0B0818 1.10:1 Fail
Aa #34122D on #2B0C17 1.09:1 Fail
Aa #34122D on #1A0F34 1.09:1 Fail
Aa #1A0F34 on #0B0818 1.09:1 Fail
Aa #2B0C17 on #230806 1.05:1 Fail
Aa #230806 on #1A0F34 1.05:1 Fail
Aa #230806 on #0B0818 1.04:1 Fail
Aa #34122D on #25154C 1.02:1 Fail
Aa #2B0C17 on #1A0F34 1.01: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