Sign Up Sign Up
Bluebell + Rot

Bluebell + Rot

11-color palette · Cool · Mixed · Complementary harmony

Back to Library

Bluebell + Rot

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

Modify
Vibrant 11 colors Cool Mixed Complementary green blue purple brown
Likes 14
Colors 11

CSS variables

:root {
  --c-vibrant-1: #45013B;
  --c-vibrant-2: #53298A;
  --c-vibrant-3: #726FD1;
  --c-vibrant-4: #AADEFA;
  --c-vibrant-5: #E2FCF3;
  --c-vibrant-6: #98E698;
  --c-vibrant-7: #86CC58;
  --c-vibrant-8: #818F1B;
  --c-vibrant-9: #63520C;
  --c-vibrant-10: #402201;
  --c-vibrant-11: #2B0A04;
}

About this palette

This 11-color vibrant palette runs from Mint Condition (#E2FCF3) as its lightest tone to Root Brew (#2B0A04) as its darkest. It blends Eggplant, KSU Purple, C64 Purple, Droplet, Mint Condition, Granny Smith Apple, Fairy Tale Green, Foggy Bog, Olive Brown, Blackened Brown and Root Brew into a single set you can drop straight into a UI. Of its 55 color pairings, 20 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E2FCF3 on #2B0A04 at 16.95:1.

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

Color breakdown

Eggplant #45013B
RGB
rgb(69, 1, 59)
HSL
hsl(309, 97%, 14%)
Luminance
0.016
KSU Purple #53298A
RGB
rgb(83, 41, 138)
HSL
hsl(266, 54%, 35%)
Luminance
0.053
C64 Purple #726FD1
RGB
rgb(114, 111, 209)
HSL
hsl(242, 52%, 63%)
Luminance
0.196
Droplet #AADEFA
RGB
rgb(170, 222, 250)
HSL
hsl(201, 89%, 82%)
Luminance
0.677
Mint Condition #E2FCF3
RGB
rgb(226, 252, 243)
HSL
hsl(159, 81%, 94%)
Luminance
0.923
Granny Smith Apple #98E698
RGB
rgb(152, 230, 152)
HSL
hsl(120, 61%, 75%)
Luminance
0.655
Fairy Tale Green #86CC58
RGB
rgb(134, 204, 88)
HSL
hsl(96, 53%, 57%)
Luminance
0.490
Foggy Bog #818F1B
RGB
rgb(129, 143, 27)
HSL
hsl(67, 68%, 33%)
Luminance
0.244
Olive Brown #63520C
RGB
rgb(99, 82, 12)
HSL
hsl(48, 78%, 22%)
Luminance
0.087
Blackened Brown #402201
RGB
rgb(64, 34, 1)
HSL
hsl(31, 97%, 13%)
Luminance
0.022
Root Brew #2B0A04
RGB
rgb(43, 10, 4)
HSL
hsl(9, 83%, 9%)
Luminance
0.007

Contrast & accessibility

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

Aa #E2FCF3 on #2B0A04 16.95:1 AAA
Aa #45013B on #E2FCF3 14.73:1 AAA
Aa #E2FCF3 on #402201 13.44:1 AAA
Aa #AADEFA on #2B0A04 12.67:1 AAA
Aa #98E698 on #2B0A04 12.29:1 AAA
Aa #45013B on #AADEFA 11.01:1 AAA
Aa #45013B on #98E698 10.68:1 AAA
Aa #AADEFA on #402201 10.05:1 AAA
Aa #98E698 on #402201 9.75:1 AAA
Aa #53298A on #E2FCF3 9.48:1 AAA
Aa #86CC58 on #2B0A04 9.40:1 AAA
Aa #45013B on #86CC58 8.17:1 AAA
Aa #86CC58 on #402201 7.46:1 AAA
Aa #E2FCF3 on #63520C 7.09:1 AAA
Aa #53298A on #AADEFA 7.08:1 AAA
Aa #53298A on #98E698 6.87:1 AA
Aa #AADEFA on #63520C 5.30:1 AA
Aa #53298A on #86CC58 5.26:1 AA
Aa #98E698 on #63520C 5.14:1 AA
Aa #818F1B on #2B0A04 5.12:1 AA
Aa #45013B on #818F1B 4.45:1 AA Large
Aa #726FD1 on #2B0A04 4.28:1 AA Large
Aa #818F1B on #402201 4.06:1 AA Large
Aa #726FD1 on #E2FCF3 3.96:1 AA Large
Aa #86CC58 on #63520C 3.93:1 AA Large
Aa #45013B on #726FD1 3.72:1 AA Large
Aa #726FD1 on #402201 3.39:1 AA Large
Aa #E2FCF3 on #818F1B 3.31:1 AA Large
Aa #726FD1 on #AADEFA 2.96:1 Fail
Aa #726FD1 on #98E698 2.87:1 Fail
Aa #53298A on #818F1B 2.86:1 Fail
Aa #AADEFA on #818F1B 2.47:1 Fail
Aa #98E698 on #818F1B 2.40:1 Fail
Aa #53298A on #726FD1 2.39:1 Fail
Aa #63520C on #2B0A04 2.39:1 Fail
Aa #726FD1 on #86CC58 2.20:1 Fail
Aa #818F1B on #63520C 2.14:1 Fail
Aa #45013B on #63520C 2.08:1 Fail
Aa #63520C on #402201 1.90:1 Fail
Aa #86CC58 on #818F1B 1.84:1 Fail
Aa #E2FCF3 on #86CC58 1.80:1 Fail
Aa #53298A on #2B0A04 1.79:1 Fail
Aa #726FD1 on #63520C 1.79:1 Fail
Aa #45013B on #53298A 1.55:1 Fail
Aa #53298A on #402201 1.42:1 Fail
Aa #E2FCF3 on #98E698 1.38:1 Fail
Aa #AADEFA on #86CC58 1.35:1 Fail
Aa #53298A on #63520C 1.34:1 Fail
Aa #AADEFA on #E2FCF3 1.34:1 Fail
Aa #98E698 on #86CC58 1.31:1 Fail
Aa #402201 on #2B0A04 1.26:1 Fail
Aa #726FD1 on #818F1B 1.20:1 Fail
Aa #45013B on #2B0A04 1.15:1 Fail
Aa #45013B on #402201 1.10:1 Fail
Aa #AADEFA on #98E698 1.03: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