Sign Up Sign Up
Bulls On Parade

Bulls On Parade

9-color palette · Cool · Light · Analogous harmony

Back to Library

Bulls On Parade

9-color palette · Cool temperature · Light tone · Analogous harmony

Modify
Vibrant 9 colors Cool Light Analogous pixelart blue purple neon
Likes 21
Colors 9

CSS variables

:root {
  --c-vibrant-1: #132397;
  --c-vibrant-2: #1F36CB;
  --c-vibrant-3: #2B59FF;
  --c-vibrant-4: #407AFF;
  --c-vibrant-5: #77B2FF;
  --c-vibrant-6: #96D0FF;
  --c-vibrant-7: #C0EFFF;
  --c-vibrant-8: #FFFFFF;
  --c-vibrant-9: #B03ED2;
}

About this palette

This 9-color vibrant palette runs from White (#FFFFFF) as its lightest tone to Deepsea Kraken (#132397) as its darkest. It blends Deepsea Kraken, Third Eye Chakra, YInMn Blue, Lightish Blue, French Sky Blue, Long Island Sound, Blue Java Banana, White and Purple Yam into a single set you can drop straight into a UI. Of its 36 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #132397 on #FFFFFF at 12.25:1.

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

Color breakdown

Deepsea Kraken #132397
RGB
rgb(19, 35, 151)
HSL
hsl(233, 78%, 33%)
Luminance
0.036
Third Eye Chakra #1F36CB
RGB
rgb(31, 54, 203)
HSL
hsl(232, 74%, 46%)
Luminance
0.072
YInMn Blue #2B59FF
RGB
rgb(43, 89, 255)
HSL
hsl(227, 100%, 58%)
Luminance
0.149
Lightish Blue #407AFF
RGB
rgb(64, 122, 255)
HSL
hsl(222, 100%, 63%)
Luminance
0.222
French Sky Blue #77B2FF
RGB
rgb(119, 178, 255)
HSL
hsl(214, 100%, 73%)
Luminance
0.430
Long Island Sound #96D0FF
RGB
rgb(150, 208, 255)
HSL
hsl(207, 100%, 79%)
Luminance
0.588
Blue Java Banana #C0EFFF
RGB
rgb(192, 239, 255)
HSL
hsl(195, 100%, 88%)
Luminance
0.802
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Purple Yam #B03ED2
RGB
rgb(176, 62, 210)
HSL
hsl(286, 62%, 53%)
Luminance
0.173

Contrast & accessibility

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

Aa #132397 on #FFFFFF 12.25:1 AAA
Aa #132397 on #C0EFFF 9.93:1 AAA
Aa #1F36CB on #FFFFFF 8.58:1 AAA
Aa #132397 on #96D0FF 7.44:1 AAA
Aa #1F36CB on #C0EFFF 6.96:1 AA
Aa #132397 on #77B2FF 5.60:1 AA
Aa #2B59FF on #FFFFFF 5.28:1 AA
Aa #1F36CB on #96D0FF 5.21:1 AA
Aa #FFFFFF on #B03ED2 4.70:1 AA
Aa #2B59FF on #C0EFFF 4.28:1 AA Large
Aa #1F36CB on #77B2FF 3.92:1 AA Large
Aa #407AFF on #FFFFFF 3.86:1 AA Large
Aa #C0EFFF on #B03ED2 3.81:1 AA Large
Aa #2B59FF on #96D0FF 3.21:1 AA Large
Aa #132397 on #407AFF 3.18:1 AA Large
Aa #407AFF on #C0EFFF 3.13:1 AA Large
Aa #96D0FF on #B03ED2 2.86:1 Fail
Aa #132397 on #B03ED2 2.60:1 Fail
Aa #2B59FF on #77B2FF 2.41:1 Fail
Aa #407AFF on #96D0FF 2.34:1 Fail
Aa #132397 on #2B59FF 2.32:1 Fail
Aa #1F36CB on #407AFF 2.22:1 Fail
Aa #77B2FF on #FFFFFF 2.19:1 Fail
Aa #77B2FF on #B03ED2 2.15:1 Fail
Aa #1F36CB on #B03ED2 1.82:1 Fail
Aa #77B2FF on #C0EFFF 1.77:1 Fail
Aa #407AFF on #77B2FF 1.76:1 Fail
Aa #96D0FF on #FFFFFF 1.65:1 Fail
Aa #1F36CB on #2B59FF 1.62:1 Fail
Aa #132397 on #1F36CB 1.43:1 Fail
Aa #2B59FF on #407AFF 1.37:1 Fail
Aa #77B2FF on #96D0FF 1.33:1 Fail
Aa #96D0FF on #C0EFFF 1.33:1 Fail
Aa #C0EFFF on #FFFFFF 1.23:1 Fail
Aa #407AFF on #B03ED2 1.22:1 Fail
Aa #2B59FF on #B03ED2 1.12:1 Fail

Similar palettes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 colors
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 colors
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 colors
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 colors
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 colors
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 colors
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 colors
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 colors