Sign Up Sign Up
RAINBOWPOP11

RAINBOWPOP11

11-color palette · Neutral · Mixed · Complementary harmony

Back to Library

RAINBOWPOP11

11-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Vibrant 11 colors Neutral Mixed Complementary green orange pink red
Likes 53
Colors 11

CSS variables

:root {
  --c-vibrant-1: #9C062C;
  --c-vibrant-2: #E0690D;
  --c-vibrant-3: #FFFF61;
  --c-vibrant-4: #FDFFE0;
  --c-vibrant-5: #8BE615;
  --c-vibrant-6: #0BBD35;
  --c-vibrant-7: #0EEBD9;
  --c-vibrant-8: #0075CF;
  --c-vibrant-9: #3C1FAD;
  --c-vibrant-10: #310340;
  --c-vibrant-11: #D44696;
}

About this palette

This 11-color vibrant palette runs from Ceramite White (#FDFFE0) as its lightest tone to Dark Violet (#310340) as its darkest. It blends Petal of a Dying Rose, Tiger Moth Orange, Canary, Ceramite White, Poisonous Pistachio, Green Goblin, Bright Turquoise, Wizard Blue, Indigo Blue, Dark Violet and Kirby into a single set you can drop straight into a UI. Of its 55 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FDFFE0 on #310340 at 16.88:1.

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

Color breakdown

Petal of a Dying Rose #9C062C
RGB
rgb(156, 6, 44)
HSL
hsl(345, 93%, 32%)
Luminance
0.074
Tiger Moth Orange #E0690D
RGB
rgb(224, 105, 13)
HSL
hsl(26, 89%, 46%)
Luminance
0.260
Canary #FFFF61
RGB
rgb(255, 255, 97)
HSL
hsl(60, 100%, 69%)
Luminance
0.936
Ceramite White #FDFFE0
RGB
rgb(253, 255, 224)
HSL
hsl(64, 100%, 94%)
Luminance
0.978
Poisonous Pistachio #8BE615
RGB
rgb(139, 230, 21)
HSL
hsl(86, 83%, 49%)
Luminance
0.621
Green Goblin #0BBD35
RGB
rgb(11, 189, 53)
HSL
hsl(134, 89%, 39%)
Luminance
0.367
Bright Turquoise #0EEBD9
RGB
rgb(14, 235, 217)
HSL
hsl(175, 89%, 49%)
Luminance
0.645
Wizard Blue #0075CF
RGB
rgb(0, 117, 207)
HSL
hsl(206, 100%, 41%)
Luminance
0.172
Indigo Blue #3C1FAD
RGB
rgb(60, 31, 173)
HSL
hsl(252, 70%, 40%)
Luminance
0.050
Dark Violet #310340
RGB
rgb(49, 3, 64)
HSL
hsl(285, 91%, 13%)
Luminance
0.011
Kirby #D44696
RGB
rgb(212, 70, 150)
HSL
hsl(326, 62%, 55%)
Luminance
0.206

Contrast & accessibility

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

Aa #FDFFE0 on #310340 16.88:1 AAA
Aa #FFFF61 on #310340 16.20:1 AAA
Aa #0EEBD9 on #310340 11.42:1 AAA
Aa #8BE615 on #310340 11.03:1 AAA
Aa #FDFFE0 on #3C1FAD 10.32:1 AAA
Aa #FFFF61 on #3C1FAD 9.91:1 AAA
Aa #9C062C on #FDFFE0 8.30:1 AAA
Aa #9C062C on #FFFF61 7.97:1 AAA
Aa #0EEBD9 on #3C1FAD 6.98:1 AA
Aa #0BBD35 on #310340 6.85:1 AA
Aa #8BE615 on #3C1FAD 6.74:1 AA
Aa #9C062C on #0EEBD9 5.62:1 AA
Aa #9C062C on #8BE615 5.42:1 AA
Aa #E0690D on #310340 5.09:1 AA
Aa #FDFFE0 on #0075CF 4.62:1 AA
Aa #FFFF61 on #0075CF 4.44:1 AA Large
Aa #310340 on #D44696 4.20:1 AA Large
Aa #0BBD35 on #3C1FAD 4.19:1 AA Large
Aa #FDFFE0 on #D44696 4.02:1 AA Large
Aa #FFFF61 on #D44696 3.86:1 AA Large
Aa #0075CF on #310340 3.65:1 AA Large
Aa #9C062C on #0BBD35 3.37:1 AA Large
Aa #E0690D on #FDFFE0 3.32:1 AA Large
Aa #E0690D on #FFFF61 3.18:1 AA Large
Aa #0EEBD9 on #0075CF 3.13:1 AA Large
Aa #E0690D on #3C1FAD 3.11:1 AA Large
Aa #8BE615 on #0075CF 3.02:1 AA Large
Aa #0EEBD9 on #D44696 2.72:1 Fail
Aa #8BE615 on #D44696 2.62:1 Fail
Aa #3C1FAD on #D44696 2.57:1 Fail
Aa #9C062C on #E0690D 2.50:1 Fail
Aa #FDFFE0 on #0BBD35 2.46:1 Fail
Aa #FFFF61 on #0BBD35 2.36:1 Fail
Aa #E0690D on #0EEBD9 2.24:1 Fail
Aa #0075CF on #3C1FAD 2.23:1 Fail
Aa #E0690D on #8BE615 2.17:1 Fail
Aa #9C062C on #D44696 2.07:1 Fail
Aa #9C062C on #310340 2.03:1 Fail
Aa #0BBD35 on #0075CF 1.88:1 Fail
Aa #9C062C on #0075CF 1.80:1 Fail
Aa #0BBD35 on #0EEBD9 1.67:1 Fail
Aa #3C1FAD on #310340 1.64:1 Fail
Aa #0BBD35 on #D44696 1.63:1 Fail
Aa #8BE615 on #0BBD35 1.61:1 Fail
Aa #FDFFE0 on #8BE615 1.53:1 Fail
Aa #FDFFE0 on #0EEBD9 1.48:1 Fail
Aa #FFFF61 on #8BE615 1.47:1 Fail
Aa #FFFF61 on #0EEBD9 1.42:1 Fail
Aa #E0690D on #0075CF 1.39:1 Fail
Aa #E0690D on #0BBD35 1.35:1 Fail
Aa #9C062C on #3C1FAD 1.24:1 Fail
Aa #E0690D on #D44696 1.21:1 Fail
Aa #0075CF on #D44696 1.15:1 Fail
Aa #FFFF61 on #FDFFE0 1.04:1 Fail
Aa #8BE615 on #0EEBD9 1.04:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors