Sign Up Sign Up
Wacks8

Wacks8

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Wacks8

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

Modify
Vibrant 8 colors Neutral Mixed Complementary vibrant colorful 8 nostalgic
Likes 37
Colors 8

CSS variables

:root {
  --c-vibrant-1: #0A0E33;
  --c-vibrant-2: #C8232A;
  --c-vibrant-3: #F1E038;
  --c-vibrant-4: #14964C;
  --c-vibrant-5: #8CB5ED;
  --c-vibrant-6: #2B65E2;
  --c-vibrant-7: #C523AC;
  --c-vibrant-8: #E4DBF0;
}

About this palette

This 8-color vibrant palette runs from Lingering Lilac (#E4DBF0) as its lightest tone to Infinite Night (#0A0E33) as its darkest. It blends Infinite Night, Flush Mahogany, Juicy Jackfruit, Boogie Blast, Electric Eel, Enchanting Sapphire, Mystifying Magenta and Lingering Lilac into a single set you can drop straight into a UI. Of its 28 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0A0E33 on #E4DBF0 at 13.96:1.

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

Color breakdown

Infinite Night #0A0E33
RGB
rgb(10, 14, 51)
HSL
hsl(234, 67%, 12%)
Luminance
0.006
Flush Mahogany #C8232A
RGB
rgb(200, 35, 42)
HSL
hsl(357, 70%, 46%)
Luminance
0.137
Juicy Jackfruit #F1E038
RGB
rgb(241, 224, 56)
HSL
hsl(54, 87%, 58%)
Luminance
0.723
Boogie Blast #14964C
RGB
rgb(20, 150, 76)
HSL
hsl(146, 76%, 33%)
Luminance
0.225
Electric Eel #8CB5ED
RGB
rgb(140, 181, 237)
HSL
hsl(215, 73%, 74%)
Luminance
0.447
Enchanting Sapphire #2B65E2
RGB
rgb(43, 101, 226)
HSL
hsl(221, 76%, 53%)
Luminance
0.153
Mystifying Magenta #C523AC
RGB
rgb(197, 35, 172)
HSL
hsl(309, 70%, 45%)
Luminance
0.161
Lingering Lilac #E4DBF0
RGB
rgb(228, 219, 240)
HSL
hsl(266, 41%, 90%)
Luminance
0.735

Contrast & accessibility

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

Aa #0A0E33 on #E4DBF0 13.96:1 AAA
Aa #0A0E33 on #F1E038 13.76:1 AAA
Aa #0A0E33 on #8CB5ED 8.85:1 AAA
Aa #0A0E33 on #14964C 4.89:1 AA
Aa #C8232A on #E4DBF0 4.21:1 AA Large
Aa #C8232A on #F1E038 4.14:1 AA Large
Aa #2B65E2 on #E4DBF0 3.86:1 AA Large
Aa #F1E038 on #2B65E2 3.81:1 AA Large
Aa #0A0E33 on #C523AC 3.75:1 AA Large
Aa #C523AC on #E4DBF0 3.73:1 AA Large
Aa #F1E038 on #C523AC 3.67:1 AA Large
Aa #0A0E33 on #2B65E2 3.62:1 AA Large
Aa #0A0E33 on #C8232A 3.32:1 AA Large
Aa #14964C on #E4DBF0 2.85:1 Fail
Aa #F1E038 on #14964C 2.81:1 Fail
Aa #C8232A on #8CB5ED 2.67:1 Fail
Aa #8CB5ED on #2B65E2 2.45:1 Fail
Aa #8CB5ED on #C523AC 2.36:1 Fail
Aa #14964C on #8CB5ED 1.81:1 Fail
Aa #8CB5ED on #E4DBF0 1.58:1 Fail
Aa #F1E038 on #8CB5ED 1.55:1 Fail
Aa #C8232A on #14964C 1.47:1 Fail
Aa #14964C on #2B65E2 1.35:1 Fail
Aa #14964C on #C523AC 1.31:1 Fail
Aa #C8232A on #C523AC 1.13:1 Fail
Aa #C8232A on #2B65E2 1.09:1 Fail
Aa #2B65E2 on #C523AC 1.04:1 Fail
Aa #F1E038 on #E4DBF0 1.01: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