Sign Up Sign Up
Eight Hues Of Toxic Ooze

Eight Hues Of Toxic Ooze

8-color palette · Cool · Mixed · Complementary harmony

Back to Library

Eight Hues Of Toxic Ooze

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

Modify
Vibrant 8 colors Cool Mixed Complementary green blue purple cyan
Likes 124
Colors 8

CSS variables

:root {
  --c-vibrant-1: #D5FFCC;
  --c-vibrant-2: #95FFCF;
  --c-vibrant-3: #6DD4C3;
  --c-vibrant-4: #56A3B2;
  --c-vibrant-5: #407292;
  --c-vibrant-6: #2C4273;
  --c-vibrant-7: #281039;
  --c-vibrant-8: #0E0314;
}

About this palette

This 8-color vibrant palette runs from Herbal Vapours (#D5FFCC) as its lightest tone to Glossy Black (#0E0314) as its darkest. It blends Herbal Vapours, Lemon Gate, Downy, Explorer Blue, Harbour Blue, Deep Ocean Floor, Blacklist and Glossy Black into a single set you can drop straight into a UI. Of its 28 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #D5FFCC on #0E0314 at 18.24:1.

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

Color breakdown

Herbal Vapours #D5FFCC
RGB
rgb(213, 255, 204)
HSL
hsl(109, 100%, 90%)
Luminance
0.900
Lemon Gate #95FFCF
RGB
rgb(149, 255, 207)
HSL
hsl(153, 100%, 79%)
Luminance
0.824
Downy #6DD4C3
RGB
rgb(109, 212, 195)
HSL
hsl(170, 54%, 63%)
Luminance
0.543
Explorer Blue #56A3B2
RGB
rgb(86, 163, 178)
HSL
hsl(190, 37%, 52%)
Luminance
0.314
Harbour Blue #407292
RGB
rgb(64, 114, 146)
HSL
hsl(203, 39%, 41%)
Luminance
0.152
Deep Ocean Floor #2C4273
RGB
rgb(44, 66, 115)
HSL
hsl(221, 45%, 31%)
Luminance
0.057
Blacklist #281039
RGB
rgb(40, 16, 57)
HSL
hsl(275, 56%, 14%)
Luminance
0.011
Glossy Black #0E0314
RGB
rgb(14, 3, 20)
HSL
hsl(279, 74%, 5%)
Luminance
0.002

Contrast & accessibility

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

Aa #D5FFCC on #0E0314 18.24:1 AAA
Aa #95FFCF on #0E0314 16.78:1 AAA
Aa #D5FFCC on #281039 15.53:1 AAA
Aa #95FFCF on #281039 14.29:1 AAA
Aa #6DD4C3 on #0E0314 11.38:1 AAA
Aa #6DD4C3 on #281039 9.69:1 AAA
Aa #D5FFCC on #2C4273 8.91:1 AAA
Aa #95FFCF on #2C4273 8.19:1 AAA
Aa #56A3B2 on #0E0314 6.99:1 AA
Aa #56A3B2 on #281039 5.95:1 AA
Aa #6DD4C3 on #2C4273 5.56:1 AA
Aa #D5FFCC on #407292 4.70:1 AA
Aa #95FFCF on #407292 4.33:1 AA Large
Aa #407292 on #0E0314 3.88:1 AA Large
Aa #56A3B2 on #2C4273 3.41:1 AA Large
Aa #407292 on #281039 3.30:1 AA Large
Aa #6DD4C3 on #407292 2.93:1 Fail
Aa #D5FFCC on #56A3B2 2.61:1 Fail
Aa #95FFCF on #56A3B2 2.40:1 Fail
Aa #2C4273 on #0E0314 2.05:1 Fail
Aa #407292 on #2C4273 1.89:1 Fail
Aa #56A3B2 on #407292 1.80:1 Fail
Aa #2C4273 on #281039 1.74:1 Fail
Aa #6DD4C3 on #56A3B2 1.63:1 Fail
Aa #D5FFCC on #6DD4C3 1.60:1 Fail
Aa #95FFCF on #6DD4C3 1.47:1 Fail
Aa #281039 on #0E0314 1.17:1 Fail
Aa #D5FFCC on #95FFCF 1.09: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