Sign Up Sign Up
Pumpkin8

Pumpkin8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Pumpkin8

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

Modify
Vibrant 8 colors Warm Mixed Complementary colorful spooky halloween pumpkin
Likes 26
Colors 8

CSS variables

:root {
  --c-vibrant-1: #FAFFE0;
  --c-vibrant-2: #FFEE91;
  --c-vibrant-3: #E5AB0E;
  --c-vibrant-4: #B00061;
  --c-vibrant-5: #2E074A;
  --c-vibrant-6: #0D5880;
  --c-vibrant-7: #29CCAD;
  --c-vibrant-8: #7CF076;
}

About this palette

This 8-color vibrant palette runs from Ceramite White (#FAFFE0) as its lightest tone to Oily Purple (#2E074A) as its darkest. It blends Ceramite White, The First Daffodil, Filthy Brown, Velvet Cupcake, Oily Purple, Commandes, Jade Mountain and Herbivore into a single set you can drop straight into a UI. Of its 28 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FAFFE0 on #2E074A at 16.42:1.

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

Color breakdown

Ceramite White #FAFFE0
RGB
rgb(250, 255, 224)
HSL
hsl(70, 100%, 94%)
Luminance
0.972
The First Daffodil #FFEE91
RGB
rgb(255, 238, 145)
HSL
hsl(51, 100%, 78%)
Luminance
0.845
Filthy Brown #E5AB0E
RGB
rgb(229, 171, 14)
HSL
hsl(44, 88%, 48%)
Luminance
0.458
Velvet Cupcake #B00061
RGB
rgb(176, 0, 97)
HSL
hsl(327, 100%, 35%)
Luminance
0.101
Oily Purple #2E074A
RGB
rgb(46, 7, 74)
HSL
hsl(275, 83%, 16%)
Luminance
0.012
Commandes #0D5880
RGB
rgb(13, 88, 128)
HSL
hsl(201, 82%, 28%)
Luminance
0.086
Jade Mountain #29CCAD
RGB
rgb(41, 204, 173)
HSL
hsl(169, 67%, 48%)
Luminance
0.467
Herbivore #7CF076
RGB
rgb(124, 240, 118)
HSL
hsl(117, 80%, 70%)
Luminance
0.679

Contrast & accessibility

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

Aa #FAFFE0 on #2E074A 16.42:1 AAA
Aa #FFEE91 on #2E074A 14.36:1 AAA
Aa #2E074A on #7CF076 11.71:1 AAA
Aa #2E074A on #29CCAD 8.30:1 AAA
Aa #E5AB0E on #2E074A 8.16:1 AAA
Aa #FAFFE0 on #0D5880 7.50:1 AAA
Aa #FAFFE0 on #B00061 6.77:1 AA
Aa #FFEE91 on #0D5880 6.57:1 AA
Aa #FFEE91 on #B00061 5.93:1 AA
Aa #0D5880 on #7CF076 5.35:1 AA
Aa #B00061 on #7CF076 4.83:1 AA
Aa #0D5880 on #29CCAD 3.79:1 AA Large
Aa #E5AB0E on #0D5880 3.73:1 AA Large
Aa #B00061 on #29CCAD 3.42:1 AA Large
Aa #E5AB0E on #B00061 3.37:1 AA Large
Aa #B00061 on #2E074A 2.42:1 Fail
Aa #2E074A on #0D5880 2.19:1 Fail
Aa #FAFFE0 on #E5AB0E 2.01:1 Fail
Aa #FAFFE0 on #29CCAD 1.98:1 Fail
Aa #FFEE91 on #E5AB0E 1.76:1 Fail
Aa #FFEE91 on #29CCAD 1.73:1 Fail
Aa #E5AB0E on #7CF076 1.43:1 Fail
Aa #29CCAD on #7CF076 1.41:1 Fail
Aa #FAFFE0 on #7CF076 1.40:1 Fail
Aa #FFEE91 on #7CF076 1.23:1 Fail
Aa #FAFFE0 on #FFEE91 1.14:1 Fail
Aa #B00061 on #0D5880 1.11:1 Fail
Aa #E5AB0E on #29CCAD 1.02: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