Sign Up Sign Up
A Horrible Death

A Horrible Death

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

A Horrible Death

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

Modify
Vibrant 8 colors Neutral Mixed Complementary
Likes 27
Colors 8

CSS variables

:root {
  --c-vibrant-1: #241623;
  --c-vibrant-2: #820933;
  --c-vibrant-3: #E36397;
  --c-vibrant-4: #FFE5F5;
  --c-vibrant-5: #EAE6FF;
  --c-vibrant-6: #76E7CD;
  --c-vibrant-7: #3C787E;
  --c-vibrant-8: #023A52;
}

About this palette

This 8-color vibrant palette runs from Bunny Tail (#FFE5F5) as its lightest tone to Kurobeni (#241623) as its darkest. It blends Kurobeni, Inescapable Lover, Groovy, Bunny Tail, Cyber Lavender, Turquoise Chalk, Grand Canal and Dark Denim Blue into a single set you can drop straight into a UI. Of its 28 color pairings, 10 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #241623 on #FFE5F5 at 14.64:1.

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

Color breakdown

Kurobeni #241623
RGB
rgb(36, 22, 35)
HSL
hsl(304, 24%, 11%)
Luminance
0.011
Inescapable Lover #820933
RGB
rgb(130, 9, 51)
HSL
hsl(339, 87%, 27%)
Luminance
0.052
Groovy #E36397
RGB
rgb(227, 99, 151)
HSL
hsl(336, 70%, 64%)
Luminance
0.275
Bunny Tail #FFE5F5
RGB
rgb(255, 229, 245)
HSL
hsl(323, 100%, 95%)
Luminance
0.839
Cyber Lavender #EAE6FF
RGB
rgb(234, 230, 255)
HSL
hsl(250, 100%, 95%)
Luminance
0.813
Turquoise Chalk #76E7CD
RGB
rgb(118, 231, 205)
HSL
hsl(166, 70%, 68%)
Luminance
0.654
Grand Canal #3C787E
RGB
rgb(60, 120, 126)
HSL
hsl(185, 35%, 36%)
Luminance
0.159
Dark Denim Blue #023A52
RGB
rgb(2, 58, 82)
HSL
hsl(198, 95%, 16%)
Luminance
0.037

Contrast & accessibility

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

Aa #241623 on #FFE5F5 14.64:1 AAA
Aa #241623 on #EAE6FF 14.22:1 AAA
Aa #241623 on #76E7CD 11.60:1 AAA
Aa #FFE5F5 on #023A52 10.28:1 AAA
Aa #EAE6FF on #023A52 9.98:1 AAA
Aa #820933 on #FFE5F5 8.73:1 AAA
Aa #820933 on #EAE6FF 8.48:1 AAA
Aa #76E7CD on #023A52 8.14:1 AAA
Aa #820933 on #76E7CD 6.92:1 AA
Aa #241623 on #E36397 5.35:1 AA
Aa #FFE5F5 on #3C787E 4.25:1 AA Large
Aa #EAE6FF on #3C787E 4.13:1 AA Large
Aa #E36397 on #023A52 3.76:1 AA Large
Aa #241623 on #3C787E 3.44:1 AA Large
Aa #76E7CD on #3C787E 3.37:1 AA Large
Aa #820933 on #E36397 3.19:1 AA Large
Aa #E36397 on #FFE5F5 2.74:1 Fail
Aa #E36397 on #EAE6FF 2.66:1 Fail
Aa #3C787E on #023A52 2.42:1 Fail
Aa #E36397 on #76E7CD 2.17:1 Fail
Aa #820933 on #3C787E 2.05:1 Fail
Aa #241623 on #820933 1.68:1 Fail
Aa #E36397 on #3C787E 1.55:1 Fail
Aa #241623 on #023A52 1.42:1 Fail
Aa #FFE5F5 on #76E7CD 1.26:1 Fail
Aa #EAE6FF on #76E7CD 1.23:1 Fail
Aa #820933 on #023A52 1.18:1 Fail
Aa #FFE5F5 on #EAE6FF 1.03: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