Sign Up Sign Up
Berry Shake

Berry Shake

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Berry Shake

8-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Vibrant 8 colors Warm Mixed Complementary vibrant gameboy neon 8
Likes 45
Colors 8

CSS variables

:root {
  --c-vibrant-1: #FFFFFF;
  --c-vibrant-2: #2E2E49;
  --c-vibrant-3: #B200FF;
  --c-vibrant-4: #53355E;
  --c-vibrant-5: #FF156B;
  --c-vibrant-6: #A30054;
  --c-vibrant-7: #62FF89;
  --c-vibrant-8: #227F5E;
}

About this palette

This 8-color vibrant palette runs from White (#FFFFFF) as its lightest tone to Black Blueberry (#2E2E49) as its darkest. It blends White, Black Blueberry, Poison Purple Paradise, Purpurite Violet, Burning Fireflies, Violet Red, Thallium Flame and Metallic Green into a single set you can drop straight into a UI. Of its 28 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #2E2E49 at 13.1:1.

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

Color breakdown

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Black Blueberry #2E2E49
RGB
rgb(46, 46, 73)
HSL
hsl(240, 23%, 23%)
Luminance
0.030
Poison Purple Paradise #B200FF
RGB
rgb(178, 0, 255)
HSL
hsl(282, 100%, 50%)
Luminance
0.167
Purpurite Violet #53355E
RGB
rgb(83, 53, 94)
HSL
hsl(284, 28%, 29%)
Luminance
0.052
Burning Fireflies #FF156B
RGB
rgb(255, 21, 107)
HSL
hsl(338, 100%, 54%)
Luminance
0.229
Violet Red #A30054
RGB
rgb(163, 0, 84)
HSL
hsl(329, 100%, 32%)
Luminance
0.084
Thallium Flame #62FF89
RGB
rgb(98, 255, 137)
HSL
hsl(135, 100%, 69%)
Luminance
0.759
Metallic Green #227F5E
RGB
rgb(34, 127, 94)
HSL
hsl(159, 58%, 32%)
Luminance
0.163

Contrast & accessibility

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

Aa #FFFFFF on #2E2E49 13.10:1 AAA
Aa #FFFFFF on #53355E 10.30:1 AAA
Aa #2E2E49 on #62FF89 10.10:1 AAA
Aa #53355E on #62FF89 7.94:1 AAA
Aa #FFFFFF on #A30054 7.82:1 AAA
Aa #A30054 on #62FF89 6.03:1 AA
Aa #FFFFFF on #227F5E 4.92:1 AA
Aa #FFFFFF on #B200FF 4.84:1 AA
Aa #62FF89 on #227F5E 3.79:1 AA Large
Aa #FFFFFF on #FF156B 3.77:1 AA Large
Aa #B200FF on #62FF89 3.73:1 AA Large
Aa #2E2E49 on #FF156B 3.48:1 AA Large
Aa #FF156B on #62FF89 2.90:1 Fail
Aa #53355E on #FF156B 2.73:1 Fail
Aa #2E2E49 on #B200FF 2.71:1 Fail
Aa #2E2E49 on #227F5E 2.66:1 Fail
Aa #B200FF on #53355E 2.13:1 Fail
Aa #53355E on #227F5E 2.09:1 Fail
Aa #FF156B on #A30054 2.07:1 Fail
Aa #2E2E49 on #A30054 1.68:1 Fail
Aa #B200FF on #A30054 1.62:1 Fail
Aa #A30054 on #227F5E 1.59:1 Fail
Aa #53355E on #A30054 1.32:1 Fail
Aa #FF156B on #227F5E 1.31:1 Fail
Aa #FFFFFF on #62FF89 1.30:1 Fail
Aa #B200FF on #FF156B 1.28:1 Fail
Aa #2E2E49 on #53355E 1.27:1 Fail
Aa #B200FF on #227F5E 1.02:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors