Sign Up Sign Up
Wicked Skies

Wicked Skies

12-color palette · Cool · Dark · Complementary harmony

Back to Library

Wicked Skies

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

Modify
Vibrant 12 colors Cool Dark Complementary sky sunset vivid radiant
Likes 22
Colors 12

CSS variables

:root {
  --c-vibrant-1: #00000F;
  --c-vibrant-2: #000133;
  --c-vibrant-3: #000356;
  --c-vibrant-4: #0203E2;
  --c-vibrant-5: #00CDFE;
  --c-vibrant-6: #680880;
  --c-vibrant-7: #FE007D;
  --c-vibrant-8: #DE1738;
  --c-vibrant-9: #FD5E53;
  --c-vibrant-10: #FC9C54;
  --c-vibrant-11: #FFE373;
  --c-vibrant-12: #FAFBBD;
}

About this palette

This 12-color vibrant palette runs from Cashew Cheese (#FAFBBD) as its lightest tone to Benthic Black (#00000F) as its darkest. It blends Benthic Black, Mighty Midnight, Alucard’s Night, Pure Blue, Vivid Sky Blue, Peaceful Purple, Pink Poison, Wild Rider Red, Sunset Orange, Cocktail Hour, Shandy and Cashew Cheese into a single set you can drop straight into a UI. Of its 66 color pairings, 27 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #00000F on #FAFBBD at 19.46:1.

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

Color breakdown

Benthic Black #00000F
RGB
rgb(0, 0, 15)
HSL
hsl(240, 100%, 3%)
Luminance
0.000
Mighty Midnight #000133
RGB
rgb(0, 1, 51)
HSL
hsl(239, 100%, 10%)
Luminance
0.003
Alucard’s Night #000356
RGB
rgb(0, 3, 86)
HSL
hsl(238, 100%, 17%)
Luminance
0.007
Pure Blue #0203E2
RGB
rgb(2, 3, 226)
HSL
hsl(240, 98%, 45%)
Luminance
0.056
Vivid Sky Blue #00CDFE
RGB
rgb(0, 205, 254)
HSL
hsl(192, 100%, 50%)
Luminance
0.508
Peaceful Purple #680880
RGB
rgb(104, 8, 128)
HSL
hsl(288, 88%, 27%)
Luminance
0.047
Pink Poison #FE007D
RGB
rgb(254, 0, 125)
HSL
hsl(330, 100%, 50%)
Luminance
0.226
Wild Rider Red #DE1738
RGB
rgb(222, 23, 56)
HSL
hsl(350, 81%, 48%)
Luminance
0.164
Sunset Orange #FD5E53
RGB
rgb(253, 94, 83)
HSL
hsl(4, 98%, 66%)
Luminance
0.295
Cocktail Hour #FC9C54
RGB
rgb(252, 156, 84)
HSL
hsl(26, 97%, 66%)
Luminance
0.451
Shandy #FFE373
RGB
rgb(255, 227, 115)
HSL
hsl(48, 100%, 73%)
Luminance
0.774
Cashew Cheese #FAFBBD
RGB
rgb(250, 251, 189)
HSL
hsl(61, 89%, 86%)
Luminance
0.930

Contrast & accessibility

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

Aa #00000F on #FAFBBD 19.46:1 AAA
Aa #000133 on #FAFBBD 18.63:1 AAA
Aa #000356 on #FAFBBD 17.08:1 AAA
Aa #00000F on #FFE373 16.37:1 AAA
Aa #000133 on #FFE373 15.67:1 AAA
Aa #000356 on #FFE373 14.37:1 AAA
Aa #00000F on #00CDFE 11.09:1 AAA
Aa #000133 on #00CDFE 10.61:1 AAA
Aa #680880 on #FAFBBD 10.13:1 AAA
Aa #00000F on #FC9C54 9.95:1 AAA
Aa #000356 on #00CDFE 9.73:1 AAA
Aa #000133 on #FC9C54 9.53:1 AAA
Aa #0203E2 on #FAFBBD 9.27:1 AAA
Aa #000356 on #FC9C54 8.73:1 AAA
Aa #680880 on #FFE373 8.52:1 AAA
Aa #0203E2 on #FFE373 7.80:1 AAA
Aa #00000F on #FD5E53 6.86:1 AA
Aa #000133 on #FD5E53 6.56:1 AA
Aa #000356 on #FD5E53 6.02:1 AA
Aa #00CDFE on #680880 5.77:1 AA
Aa #00000F on #FE007D 5.47:1 AA
Aa #0203E2 on #00CDFE 5.28:1 AA
Aa #000133 on #FE007D 5.24:1 AA
Aa #680880 on #FC9C54 5.18:1 AA
Aa #000356 on #FE007D 4.80:1 AA
Aa #0203E2 on #FC9C54 4.74:1 AA
Aa #DE1738 on #FAFBBD 4.57:1 AA
Aa #00000F on #DE1738 4.26:1 AA Large
Aa #000133 on #DE1738 4.07:1 AA Large
Aa #DE1738 on #FFE373 3.85:1 AA Large
Aa #000356 on #DE1738 3.74:1 AA Large
Aa #680880 on #FD5E53 3.57:1 AA Large
Aa #FE007D on #FAFBBD 3.56:1 AA Large
Aa #0203E2 on #FD5E53 3.27:1 AA Large
Aa #FE007D on #FFE373 2.99:1 Fail
Aa #680880 on #FE007D 2.85:1 Fail
Aa #FD5E53 on #FAFBBD 2.84:1 Fail
Aa #0203E2 on #FE007D 2.61:1 Fail
Aa #00CDFE on #DE1738 2.60:1 Fail
Aa #FD5E53 on #FFE373 2.39:1 Fail
Aa #DE1738 on #FC9C54 2.34:1 Fail
Aa #680880 on #DE1738 2.21:1 Fail
Aa #00000F on #0203E2 2.10:1 Fail
Aa #0203E2 on #DE1738 2.03:1 Fail
Aa #00CDFE on #FE007D 2.03:1 Fail
Aa #000133 on #0203E2 2.01:1 Fail
Aa #FC9C54 on #FAFBBD 1.96:1 Fail
Aa #00000F on #680880 1.92:1 Fail
Aa #000133 on #680880 1.84:1 Fail
Aa #000356 on #0203E2 1.84:1 Fail
Aa #FE007D on #FC9C54 1.82:1 Fail
Aa #00CDFE on #FAFBBD 1.76:1 Fail
Aa #000356 on #680880 1.69:1 Fail
Aa #FC9C54 on #FFE373 1.65:1 Fail
Aa #00CDFE on #FD5E53 1.62:1 Fail
Aa #DE1738 on #FD5E53 1.61:1 Fail
Aa #00CDFE on #FFE373 1.48:1 Fail
Aa #FD5E53 on #FC9C54 1.45:1 Fail
Aa #FE007D on #DE1738 1.29:1 Fail
Aa #FE007D on #FD5E53 1.25:1 Fail
Aa #FFE373 on #FAFBBD 1.19:1 Fail
Aa #00000F on #000356 1.14:1 Fail
Aa #00CDFE on #FC9C54 1.11:1 Fail
Aa #000133 on #000356 1.09:1 Fail
Aa #0203E2 on #680880 1.09:1 Fail
Aa #00000F on #000133 1.04: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