Sign Up Sign Up
Legendary Quest

Legendary Quest

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Legendary Quest

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

Modify
Vibrant 8 colors Neutral Mixed Complementary pixelart green gameboy blue
Likes 18
Colors 8

CSS variables

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #0000DC;
  --c-vibrant-3: #989CFC;
  --c-vibrant-4: #FCFCFC;
  --c-vibrant-5: #FC8C0C;
  --c-vibrant-6: #FCE018;
  --c-vibrant-7: #C0D074;
  --c-vibrant-8: #048400;
}

About this palette

This 8-color vibrant palette runs from Emptiness (#FCFCFC) as its lightest tone to Black (#000000) as its darkest. It blends Black, Bluealicious, Cobalite, Emptiness, Jú Huáng Tangerine, Crypto Gold, Gentle Dill and Lucky Clover into a single set you can drop straight into a UI. Of its 28 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FCFCFC at 20.47:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Bluealicious #0000DC
RGB
rgb(0, 0, 220)
HSL
hsl(240, 100%, 43%)
Luminance
0.052
Cobalite #989CFC
RGB
rgb(152, 156, 252)
HSL
hsl(238, 94%, 79%)
Luminance
0.375
Emptiness #FCFCFC
RGB
rgb(252, 252, 252)
HSL
hsl(0, 0%, 99%)
Luminance
0.973
Jú Huáng Tangerine #FC8C0C
RGB
rgb(252, 140, 12)
HSL
hsl(32, 98%, 52%)
Luminance
0.395
Crypto Gold #FCE018
RGB
rgb(252, 224, 24)
HSL
hsl(53, 97%, 54%)
Luminance
0.741
Gentle Dill #C0D074
RGB
rgb(192, 208, 116)
HSL
hsl(70, 49%, 64%)
Luminance
0.576
Lucky Clover #048400
RGB
rgb(4, 132, 0)
HSL
hsl(118, 100%, 26%)
Luminance
0.165

Contrast & accessibility

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

Aa #000000 on #FCFCFC 20.47:1 AAA
Aa #000000 on #FCE018 15.81:1 AAA
Aa #000000 on #C0D074 12.52:1 AAA
Aa #0000DC on #FCFCFC 10.07:1 AAA
Aa #000000 on #FC8C0C 8.90:1 AAA
Aa #000000 on #989CFC 8.50:1 AAA
Aa #0000DC on #FCE018 7.78:1 AAA
Aa #0000DC on #C0D074 6.15:1 AA
Aa #FCFCFC on #048400 4.75:1 AA
Aa #0000DC on #FC8C0C 4.37:1 AA Large
Aa #000000 on #048400 4.31:1 AA Large
Aa #0000DC on #989CFC 4.18:1 AA Large
Aa #FCE018 on #048400 3.67:1 AA Large
Aa #C0D074 on #048400 2.91:1 Fail
Aa #989CFC on #FCFCFC 2.41:1 Fail
Aa #FCFCFC on #FC8C0C 2.30:1 Fail
Aa #0000DC on #048400 2.12:1 Fail
Aa #FC8C0C on #048400 2.07:1 Fail
Aa #000000 on #0000DC 2.03:1 Fail
Aa #989CFC on #048400 1.97:1 Fail
Aa #989CFC on #FCE018 1.86:1 Fail
Aa #FC8C0C on #FCE018 1.78:1 Fail
Aa #FCFCFC on #C0D074 1.64:1 Fail
Aa #989CFC on #C0D074 1.47:1 Fail
Aa #FC8C0C on #C0D074 1.41:1 Fail
Aa #FCFCFC on #FCE018 1.29:1 Fail
Aa #FCE018 on #C0D074 1.26:1 Fail
Aa #989CFC on #FC8C0C 1.05: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