Sign Up Sign Up
Sketch Heads Palette

Sketch Heads Palette

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Sketch Heads Palette

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

Modify
Vibrant 11 colors Warm Mixed Complementary colorful rainbow discord sketchheads
Likes 8
Colors 11

CSS variables

:root {
  --c-vibrant-1: #414042;
  --c-vibrant-2: #FF675F;
  --c-vibrant-3: #A97C50;
  --c-vibrant-4: #FF8939;
  --c-vibrant-5: #F9ED32;
  --c-vibrant-6: #64BF28;
  --c-vibrant-7: #30D8D8;
  --c-vibrant-8: #27AAE1;
  --c-vibrant-9: #6D51F4;
  --c-vibrant-10: #EE8AFF;
  --c-vibrant-11: #FFFFFF;
}

About this palette

This 11-color vibrant palette runs from White (#FFFFFF) as its lightest tone to Spade Black (#414042) as its darkest. It blends Spade Black, Pastel Red, French Beige, Kanzō Orange, Yellow-Bellied, Zunda Green, Turquoise Panic, Royal Peacock, Candy Grape Fizz, Give Me Your Love and White into a single set you can drop straight into a UI. Of its 55 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #414042 on #FFFFFF at 10.31:1.

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

Color breakdown

Spade Black #414042
RGB
rgb(65, 64, 66)
HSL
hsl(270, 2%, 25%)
Luminance
0.052
Pastel Red #FF675F
RGB
rgb(255, 103, 95)
HSL
hsl(3, 100%, 69%)
Luminance
0.318
French Beige #A97C50
RGB
rgb(169, 124, 80)
HSL
hsl(30, 36%, 49%)
Luminance
0.234
Kanzō Orange #FF8939
RGB
rgb(255, 137, 57)
HSL
hsl(24, 100%, 61%)
Luminance
0.395
Yellow-Bellied #F9ED32
RGB
rgb(249, 237, 50)
HSL
hsl(56, 94%, 59%)
Luminance
0.809
Zunda Green #64BF28
RGB
rgb(100, 191, 40)
HSL
hsl(96, 65%, 45%)
Luminance
0.401
Turquoise Panic #30D8D8
RGB
rgb(48, 216, 216)
HSL
hsl(180, 68%, 52%)
Luminance
0.547
Royal Peacock #27AAE1
RGB
rgb(39, 170, 225)
HSL
hsl(198, 76%, 52%)
Luminance
0.346
Candy Grape Fizz #6D51F4
RGB
rgb(109, 81, 244)
HSL
hsl(250, 88%, 64%)
Luminance
0.157
Give Me Your Love #EE8AFF
RGB
rgb(238, 138, 255)
HSL
hsl(291, 100%, 77%)
Luminance
0.436
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000

Contrast & accessibility

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

Aa #414042 on #FFFFFF 10.31:1 AAA
Aa #414042 on #F9ED32 8.44:1 AAA
Aa #414042 on #30D8D8 5.86:1 AA
Aa #6D51F4 on #FFFFFF 5.08:1 AA
Aa #414042 on #EE8AFF 4.77:1 AA
Aa #414042 on #64BF28 4.43:1 AA Large
Aa #414042 on #FF8939 4.36:1 AA Large
Aa #F9ED32 on #6D51F4 4.16:1 AA Large
Aa #414042 on #27AAE1 3.89:1 AA Large
Aa #A97C50 on #FFFFFF 3.69:1 AA Large
Aa #414042 on #FF675F 3.61:1 AA Large
Aa #A97C50 on #F9ED32 3.02:1 AA Large
Aa #30D8D8 on #6D51F4 2.89:1 Fail
Aa #FF675F on #FFFFFF 2.85:1 Fail
Aa #414042 on #A97C50 2.79:1 Fail
Aa #27AAE1 on #FFFFFF 2.65:1 Fail
Aa #FF8939 on #FFFFFF 2.36:1 Fail
Aa #6D51F4 on #EE8AFF 2.35:1 Fail
Aa #FF675F on #F9ED32 2.34:1 Fail
Aa #64BF28 on #FFFFFF 2.33:1 Fail
Aa #64BF28 on #6D51F4 2.18:1 Fail
Aa #F9ED32 on #27AAE1 2.17:1 Fail
Aa #EE8AFF on #FFFFFF 2.16:1 Fail
Aa #FF8939 on #6D51F4 2.15:1 Fail
Aa #A97C50 on #30D8D8 2.10:1 Fail
Aa #414042 on #6D51F4 2.03:1 Fail
Aa #FF8939 on #F9ED32 1.93:1 Fail
Aa #27AAE1 on #6D51F4 1.92:1 Fail
Aa #F9ED32 on #64BF28 1.90:1 Fail
Aa #FF675F on #6D51F4 1.78:1 Fail
Aa #F9ED32 on #EE8AFF 1.77:1 Fail
Aa #30D8D8 on #FFFFFF 1.76:1 Fail
Aa #A97C50 on #EE8AFF 1.71:1 Fail
Aa #FF675F on #30D8D8 1.62:1 Fail
Aa #A97C50 on #64BF28 1.59:1 Fail
Aa #A97C50 on #FF8939 1.56:1 Fail
Aa #30D8D8 on #27AAE1 1.51:1 Fail
Aa #F9ED32 on #30D8D8 1.44:1 Fail
Aa #A97C50 on #27AAE1 1.39:1 Fail
Aa #A97C50 on #6D51F4 1.38:1 Fail
Aa #FF8939 on #30D8D8 1.34:1 Fail
Aa #FF675F on #EE8AFF 1.32:1 Fail
Aa #64BF28 on #30D8D8 1.32:1 Fail
Aa #FF675F on #A97C50 1.29:1 Fail
Aa #FF675F on #64BF28 1.23:1 Fail
Aa #30D8D8 on #EE8AFF 1.23:1 Fail
Aa #27AAE1 on #EE8AFF 1.23:1 Fail
Aa #F9ED32 on #FFFFFF 1.22:1 Fail
Aa #FF675F on #FF8939 1.21:1 Fail
Aa #64BF28 on #27AAE1 1.14:1 Fail
Aa #FF8939 on #27AAE1 1.12:1 Fail
Aa #FF8939 on #EE8AFF 1.09:1 Fail
Aa #FF675F on #27AAE1 1.08:1 Fail
Aa #64BF28 on #EE8AFF 1.08:1 Fail
Aa #FF8939 on #64BF28 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