Sign Up Sign Up
Cursor Party

Cursor Party

10-color palette · Cool · Mixed · Complementary harmony

Back to Library

Cursor Party

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

Modify
Vibrant 10 colors Cool Mixed Complementary pixelart neon nostalgia computers
Likes 18
Colors 10

CSS variables

:root {
  --c-vibrant-1: #2549D1;
  --c-vibrant-2: #1B3396;
  --c-vibrant-3: #000000;
  --c-vibrant-4: #FCFCFC;
  --c-vibrant-5: #C7FB58;
  --c-vibrant-6: #1FDE91;
  --c-vibrant-7: #1457F4;
  --c-vibrant-8: #9114DA;
  --c-vibrant-9: #E84651;
  --c-vibrant-10: #F29047;
}

About this palette

This 10-color vibrant palette runs from Emptiness (#FCFCFC) as its lightest tone to Black (#000000) as its darkest. It blends Blue Blue, North Star Blue, Black, Emptiness, Green of Bhabua, Reptile Green, Light Shōjin Blue, Violet, Watermelonade and Melon Orange into a single set you can drop straight into a UI. Of its 45 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FCFCFC at 20.47:1.

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

Color breakdown

Blue Blue #2549D1
RGB
rgb(37, 73, 209)
HSL
hsl(227, 70%, 48%)
Luminance
0.098
North Star Blue #1B3396
RGB
rgb(27, 51, 150)
HSL
hsl(228, 69%, 35%)
Luminance
0.048
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Emptiness #FCFCFC
RGB
rgb(252, 252, 252)
HSL
hsl(0, 0%, 99%)
Luminance
0.973
Green of Bhabua #C7FB58
RGB
rgb(199, 251, 88)
HSL
hsl(79, 95%, 66%)
Luminance
0.818
Reptile Green #1FDE91
RGB
rgb(31, 222, 145)
HSL
hsl(156, 75%, 50%)
Luminance
0.546
Light Shōjin Blue #1457F4
RGB
rgb(20, 87, 244)
HSL
hsl(222, 91%, 52%)
Luminance
0.135
Violet #9114DA
RGB
rgb(145, 20, 218)
HSL
hsl(278, 83%, 47%)
Luminance
0.116
Watermelonade #E84651
RGB
rgb(232, 70, 81)
HSL
hsl(356, 78%, 59%)
Luminance
0.221
Melon Orange #F29047
RGB
rgb(242, 144, 71)
HSL
hsl(26, 87%, 61%)
Luminance
0.393

Contrast & accessibility

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

Aa #000000 on #FCFCFC 20.47:1 AAA
Aa #000000 on #C7FB58 17.37:1 AAA
Aa #000000 on #1FDE91 11.92:1 AAA
Aa #1B3396 on #FCFCFC 10.44:1 AAA
Aa #1B3396 on #C7FB58 8.86:1 AAA
Aa #000000 on #F29047 8.86:1 AAA
Aa #2549D1 on #FCFCFC 6.93:1 AA
Aa #FCFCFC on #9114DA 6.17:1 AA
Aa #1B3396 on #1FDE91 6.08:1 AA
Aa #2549D1 on #C7FB58 5.88:1 AA
Aa #FCFCFC on #1457F4 5.53:1 AA
Aa #000000 on #E84651 5.43:1 AA
Aa #C7FB58 on #9114DA 5.24:1 AA
Aa #C7FB58 on #1457F4 4.69:1 AA
Aa #1B3396 on #F29047 4.52:1 AA
Aa #2549D1 on #1FDE91 4.04:1 AA Large
Aa #FCFCFC on #E84651 3.77:1 AA Large
Aa #000000 on #1457F4 3.70:1 AA Large
Aa #1FDE91 on #9114DA 3.59:1 AA Large
Aa #000000 on #9114DA 3.32:1 AA Large
Aa #1FDE91 on #1457F4 3.22:1 AA Large
Aa #C7FB58 on #E84651 3.20:1 AA Large
Aa #2549D1 on #F29047 3.00:1 AA Large
Aa #2549D1 on #000000 2.95:1 Fail
Aa #1B3396 on #E84651 2.77:1 Fail
Aa #9114DA on #F29047 2.67:1 Fail
Aa #1457F4 on #F29047 2.39:1 Fail
Aa #FCFCFC on #F29047 2.31:1 Fail
Aa #1FDE91 on #E84651 2.20:1 Fail
Aa #1B3396 on #000000 1.96:1 Fail
Aa #C7FB58 on #F29047 1.96:1 Fail
Aa #1B3396 on #1457F4 1.89:1 Fail
Aa #2549D1 on #E84651 1.84:1 Fail
Aa #FCFCFC on #1FDE91 1.72:1 Fail
Aa #1B3396 on #9114DA 1.69:1 Fail
Aa #9114DA on #E84651 1.64:1 Fail
Aa #E84651 on #F29047 1.63:1 Fail
Aa #2549D1 on #1B3396 1.51:1 Fail
Aa #1457F4 on #E84651 1.47:1 Fail
Aa #C7FB58 on #1FDE91 1.46:1 Fail
Aa #1FDE91 on #F29047 1.35:1 Fail
Aa #2549D1 on #1457F4 1.25:1 Fail
Aa #FCFCFC on #C7FB58 1.18:1 Fail
Aa #2549D1 on #9114DA 1.12:1 Fail
Aa #1457F4 on #9114DA 1.12: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