Sign Up Sign Up
Midnight Magic

Midnight Magic

7-color palette · Cool · Dark · Analogous harmony

Back to Library

Midnight Magic

7-color palette · Cool temperature · Dark tone · Analogous harmony

Modify
Muted 7 colors Cool Dark Analogous purple
Likes 74
Colors 7

CSS variables

:root {
  --c-muted-1: #05020D;
  --c-muted-2: #12021A;
  --c-muted-3: #1D072A;
  --c-muted-4: #260F3F;
  --c-muted-5: #381E5E;
  --c-muted-6: #4D3981;
  --c-muted-7: #6660A3;
}

About this palette

This 7-color muted palette runs from Giant Onion (#6660A3) as its lightest tone to Broken Tube (#05020D) as its darkest. It blends Broken Tube, Midnight Jam, Black Sabbath, Shadow Planet, Christalle, Prism Violet and Giant Onion into a single set you can drop straight into a UI. None of the 21 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Broken Tube #05020D
RGB
rgb(5, 2, 13)
HSL
hsl(256, 73%, 3%)
Luminance
0.001
Midnight Jam #12021A
RGB
rgb(18, 2, 26)
HSL
hsl(280, 86%, 5%)
Luminance
0.003
Black Sabbath #1D072A
RGB
rgb(29, 7, 42)
HSL
hsl(278, 71%, 10%)
Luminance
0.006
Shadow Planet #260F3F
RGB
rgb(38, 15, 63)
HSL
hsl(269, 62%, 15%)
Luminance
0.011
Christalle #381E5E
RGB
rgb(56, 30, 94)
HSL
hsl(264, 52%, 24%)
Luminance
0.026
Prism Violet #4D3981
RGB
rgb(77, 57, 129)
HSL
hsl(257, 39%, 36%)
Luminance
0.061
Giant Onion #6660A3
RGB
rgb(102, 96, 163)
HSL
hsl(245, 27%, 51%)
Luminance
0.138

Contrast & accessibility

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

Aa #05020D on #6660A3 3.69:1 AA Large
Aa #12021A on #6660A3 3.59:1 AA Large
Aa #1D072A on #6660A3 3.38:1 AA Large
Aa #260F3F on #6660A3 3.08:1 AA Large
Aa #381E5E on #6660A3 2.49:1 Fail
Aa #05020D on #4D3981 2.17:1 Fail
Aa #12021A on #4D3981 2.11:1 Fail
Aa #1D072A on #4D3981 1.99:1 Fail
Aa #260F3F on #4D3981 1.81:1 Fail
Aa #4D3981 on #6660A3 1.70:1 Fail
Aa #05020D on #381E5E 1.48:1 Fail
Aa #381E5E on #4D3981 1.46:1 Fail
Aa #12021A on #381E5E 1.44:1 Fail
Aa #1D072A on #381E5E 1.36:1 Fail
Aa #260F3F on #381E5E 1.24:1 Fail
Aa #05020D on #260F3F 1.20:1 Fail
Aa #12021A on #260F3F 1.17:1 Fail
Aa #1D072A on #260F3F 1.10:1 Fail
Aa #05020D on #1D072A 1.09:1 Fail
Aa #12021A on #1D072A 1.06:1 Fail
Aa #05020D on #12021A 1.03: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