Sign Up Sign Up
FunkyFuture 8

FunkyFuture 8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

FunkyFuture 8

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

Modify
Vibrant 8 colors Warm Mixed Complementary futuristic artist neon shamaboy11
Likes 847
Colors 8

CSS variables

:root {
  --c-vibrant-1: #2B0F54;
  --c-vibrant-2: #AB1F65;
  --c-vibrant-3: #FF4F69;
  --c-vibrant-4: #FFF7F8;
  --c-vibrant-5: #FF8142;
  --c-vibrant-6: #FFDA45;
  --c-vibrant-7: #3368DC;
  --c-vibrant-8: #49E7EC;
}

About this palette

This 8-color vibrant palette runs from Sea Salt Sherbet (#FFF7F8) as its lightest tone to Vanishing (#2B0F54) as its darkest. It blends Vanishing, Plastic Lips, Festive Fennec, Sea Salt Sherbet, Mango Tango, Golden Boy, Royal Blue and Blue Dacnis 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 #2B0F54 on #FFF7F8 at 15.33:1.

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

Color breakdown

Vanishing #2B0F54
RGB
rgb(43, 15, 84)
HSL
hsl(264, 70%, 19%)
Luminance
0.015
Plastic Lips #AB1F65
RGB
rgb(171, 31, 101)
HSL
hsl(330, 69%, 40%)
Luminance
0.106
Festive Fennec #FF4F69
RGB
rgb(255, 79, 105)
HSL
hsl(351, 100%, 65%)
Luminance
0.279
Sea Salt Sherbet #FFF7F8
RGB
rgb(255, 247, 248)
HSL
hsl(353, 100%, 98%)
Luminance
0.946
Mango Tango #FF8142
RGB
rgb(255, 129, 66)
HSL
hsl(20, 100%, 63%)
Luminance
0.374
Golden Boy #FFDA45
RGB
rgb(255, 218, 69)
HSL
hsl(48, 100%, 64%)
Luminance
0.718
Royal Blue #3368DC
RGB
rgb(51, 104, 220)
HSL
hsl(221, 71%, 53%)
Luminance
0.158
Blue Dacnis #49E7EC
RGB
rgb(73, 231, 236)
HSL
hsl(182, 81%, 61%)
Luminance
0.646

Contrast & accessibility

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

Aa #2B0F54 on #FFF7F8 15.33:1 AAA
Aa #2B0F54 on #FFDA45 11.83:1 AAA
Aa #2B0F54 on #49E7EC 10.72:1 AAA
Aa #2B0F54 on #FF8142 6.52:1 AA
Aa #AB1F65 on #FFF7F8 6.39:1 AA
Aa #2B0F54 on #FF4F69 5.06:1 AA
Aa #AB1F65 on #FFDA45 4.93:1 AA
Aa #FFF7F8 on #3368DC 4.79:1 AA
Aa #AB1F65 on #49E7EC 4.47:1 AA Large
Aa #FFDA45 on #3368DC 3.70:1 AA Large
Aa #3368DC on #49E7EC 3.35:1 AA Large
Aa #2B0F54 on #3368DC 3.20:1 AA Large
Aa #FF4F69 on #FFF7F8 3.03:1 AA Large
Aa #AB1F65 on #FF8142 2.72:1 Fail
Aa #2B0F54 on #AB1F65 2.40:1 Fail
Aa #FFF7F8 on #FF8142 2.35:1 Fail
Aa #FF4F69 on #FFDA45 2.34:1 Fail
Aa #FF4F69 on #49E7EC 2.12:1 Fail
Aa #AB1F65 on #FF4F69 2.11:1 Fail
Aa #FF8142 on #3368DC 2.04:1 Fail
Aa #FF8142 on #FFDA45 1.81:1 Fail
Aa #FF8142 on #49E7EC 1.64:1 Fail
Aa #FF4F69 on #3368DC 1.58:1 Fail
Aa #FFF7F8 on #49E7EC 1.43:1 Fail
Aa #AB1F65 on #3368DC 1.33:1 Fail
Aa #FFF7F8 on #FFDA45 1.30:1 Fail
Aa #FF4F69 on #FF8142 1.29:1 Fail
Aa #FFDA45 on #49E7EC 1.10: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