Sign Up Sign Up
DR Darkworld Neon

DR Darkworld Neon

12-color palette · Cool · Mixed · Complementary harmony

Back to Library

DR Darkworld Neon

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

Modify
Vibrant 12 colors Cool Mixed Complementary night neon bright videogame
Likes 28
Colors 12

CSS variables

:root {
  --c-vibrant-1: #33A56C;
  --c-vibrant-2: #40E4D4;
  --c-vibrant-3: #C7E2F2;
  --c-vibrant-4: #697AC3;
  --c-vibrant-5: #0C0B3B;
  --c-vibrant-6: #5B209D;
  --c-vibrant-7: #A017D0;
  --c-vibrant-8: #F983D8;
  --c-vibrant-9: #FBCE3C;
  --c-vibrant-10: #F4A731;
  --c-vibrant-11: #EA0096;
  --c-vibrant-12: #891769;
}

About this palette

This 12-color vibrant palette runs from Pale Frost (#C7E2F2) as its lightest tone to Grim Reaper (#0C0B3B) as its darkest. It blends Bulma Hair, Fresh Turquoise, Pale Frost, Persian Jewel, Grim Reaper, Eine Kleine Nachtmusik, Prom Queen, Princess Perfume, Habañero Gold, Late Afternoon, Love Vessel and Bane of Royalty into a single set you can drop straight into a UI. Of its 66 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #C7E2F2 on #0C0B3B at 13.84:1.

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

Color breakdown

Bulma Hair #33A56C
RGB
rgb(51, 165, 108)
HSL
hsl(150, 53%, 42%)
Luminance
0.287
Fresh Turquoise #40E4D4
RGB
rgb(64, 228, 212)
HSL
hsl(174, 75%, 57%)
Luminance
0.613
Pale Frost #C7E2F2
RGB
rgb(199, 226, 242)
HSL
hsl(202, 62%, 86%)
Luminance
0.730
Persian Jewel #697AC3
RGB
rgb(105, 122, 195)
HSL
hsl(229, 43%, 59%)
Luminance
0.209
Grim Reaper #0C0B3B
RGB
rgb(12, 11, 59)
HSL
hsl(241, 69%, 14%)
Luminance
0.006
Eine Kleine Nachtmusik #5B209D
RGB
rgb(91, 32, 157)
HSL
hsl(268, 66%, 37%)
Luminance
0.057
Prom Queen #A017D0
RGB
rgb(160, 23, 208)
HSL
hsl(284, 80%, 45%)
Luminance
0.126
Princess Perfume #F983D8
RGB
rgb(249, 131, 216)
HSL
hsl(317, 91%, 75%)
Luminance
0.413
Habañero Gold #FBCE3C
RGB
rgb(251, 206, 60)
HSL
hsl(46, 96%, 61%)
Luminance
0.650
Late Afternoon #F4A731
RGB
rgb(244, 167, 49)
HSL
hsl(36, 90%, 57%)
Luminance
0.471
Love Vessel #EA0096
RGB
rgb(234, 0, 150)
HSL
hsl(322, 100%, 46%)
Luminance
0.197
Bane of Royalty #891769
RGB
rgb(137, 23, 105)
HSL
hsl(317, 71%, 31%)
Luminance
0.070

Contrast & accessibility

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

Aa #C7E2F2 on #0C0B3B 13.84:1 AAA
Aa #0C0B3B on #FBCE3C 12.42:1 AAA
Aa #40E4D4 on #0C0B3B 11.77:1 AAA
Aa #0C0B3B on #F4A731 9.25:1 AAA
Aa #0C0B3B on #F983D8 8.22:1 AAA
Aa #C7E2F2 on #5B209D 7.29:1 AAA
Aa #5B209D on #FBCE3C 6.55:1 AA
Aa #C7E2F2 on #891769 6.52:1 AA
Aa #40E4D4 on #5B209D 6.20:1 AA
Aa #33A56C on #0C0B3B 5.98:1 AA
Aa #FBCE3C on #891769 5.86:1 AA
Aa #40E4D4 on #891769 5.55:1 AA
Aa #5B209D on #F4A731 4.87:1 AA
Aa #697AC3 on #0C0B3B 4.59:1 AA
Aa #C7E2F2 on #A017D0 4.42:1 AA Large
Aa #0C0B3B on #EA0096 4.38:1 AA Large
Aa #F4A731 on #891769 4.36:1 AA Large
Aa #5B209D on #F983D8 4.33:1 AA Large
Aa #A017D0 on #FBCE3C 3.97:1 AA Large
Aa #F983D8 on #891769 3.88:1 AA Large
Aa #40E4D4 on #A017D0 3.76:1 AA Large
Aa #C7E2F2 on #EA0096 3.16:1 AA Large
Aa #33A56C on #5B209D 3.15:1 AA Large
Aa #0C0B3B on #A017D0 3.13:1 AA Large
Aa #C7E2F2 on #697AC3 3.01:1 AA Large
Aa #A017D0 on #F4A731 2.95:1 Fail
Aa #FBCE3C on #EA0096 2.83:1 Fail
Aa #33A56C on #891769 2.82:1 Fail
Aa #697AC3 on #FBCE3C 2.71:1 Fail
Aa #40E4D4 on #EA0096 2.69:1 Fail
Aa #A017D0 on #F983D8 2.63:1 Fail
Aa #40E4D4 on #697AC3 2.56:1 Fail
Aa #697AC3 on #5B209D 2.42:1 Fail
Aa #33A56C on #C7E2F2 2.31:1 Fail
Aa #5B209D on #EA0096 2.31:1 Fail
Aa #697AC3 on #891769 2.16:1 Fail
Aa #0C0B3B on #891769 2.12:1 Fail
Aa #F4A731 on #EA0096 2.11:1 Fail
Aa #33A56C on #FBCE3C 2.08:1 Fail
Aa #EA0096 on #891769 2.07:1 Fail
Aa #697AC3 on #F4A731 2.01:1 Fail
Aa #33A56C on #40E4D4 1.97:1 Fail
Aa #33A56C on #A017D0 1.91:1 Fail
Aa #0C0B3B on #5B209D 1.90:1 Fail
Aa #F983D8 on #EA0096 1.88:1 Fail
Aa #697AC3 on #F983D8 1.79:1 Fail
Aa #C7E2F2 on #F983D8 1.68:1 Fail
Aa #5B209D on #A017D0 1.65:1 Fail
Aa #33A56C on #F4A731 1.55:1 Fail
Aa #F983D8 on #FBCE3C 1.51:1 Fail
Aa #C7E2F2 on #F4A731 1.50:1 Fail
Aa #A017D0 on #891769 1.48:1 Fail
Aa #697AC3 on #A017D0 1.47:1 Fail
Aa #40E4D4 on #F983D8 1.43:1 Fail
Aa #A017D0 on #EA0096 1.40:1 Fail
Aa #33A56C on #F983D8 1.37:1 Fail
Aa #33A56C on #EA0096 1.36:1 Fail
Aa #FBCE3C on #F4A731 1.34:1 Fail
Aa #33A56C on #697AC3 1.30:1 Fail
Aa #40E4D4 on #F4A731 1.27:1 Fail
Aa #40E4D4 on #C7E2F2 1.18:1 Fail
Aa #5B209D on #891769 1.12:1 Fail
Aa #F983D8 on #F4A731 1.12:1 Fail
Aa #C7E2F2 on #FBCE3C 1.11:1 Fail
Aa #40E4D4 on #FBCE3C 1.05:1 Fail
Aa #697AC3 on #EA0096 1.05:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors