Sign Up Sign Up
Arms Around Me

Arms Around Me

5-color palette · Warm · Light · Complementary harmony

Back to Library

Arms Around Me

5-color palette · Warm temperature · Light tone · Complementary harmony

Modify
Vibrant 5 colors Warm Light Complementary orange blue purple pastel
Likes 19
Colors 5

CSS variables

:root {
  --c-vibrant-1: #FFD154;
  --c-vibrant-2: #FCA081;
  --c-vibrant-3: #CA77A4;
  --c-vibrant-4: #9D6AC9;
  --c-vibrant-5: #6EABFC;
}

About this palette

This 5-color vibrant palette runs from Melted Butter (#FFD154) as its lightest tone to Amethyst (#9D6AC9) as its darkest. It blends Melted Butter, Papaya Punch, Heartbreaker, Amethyst and Fennel Flower into a single set you can drop straight into a UI. None of the 10 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Melted Butter #FFD154
RGB
rgb(255, 209, 84)
HSL
hsl(44, 100%, 66%)
Luminance
0.675
Papaya Punch #FCA081
RGB
rgb(252, 160, 129)
HSL
hsl(15, 95%, 75%)
Luminance
0.474
Heartbreaker #CA77A4
RGB
rgb(202, 119, 164)
HSL
hsl(327, 44%, 63%)
Luminance
0.284
Amethyst #9D6AC9
RGB
rgb(157, 106, 201)
HSL
hsl(272, 47%, 60%)
Luminance
0.217
Fennel Flower #6EABFC
RGB
rgb(110, 171, 252)
HSL
hsl(214, 96%, 71%)
Luminance
0.395

Contrast & accessibility

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

Aa #FFD154 on #9D6AC9 2.72:1 Fail
Aa #FFD154 on #CA77A4 2.17:1 Fail
Aa #FCA081 on #9D6AC9 1.96:1 Fail
Aa #9D6AC9 on #6EABFC 1.67:1 Fail
Aa #FFD154 on #6EABFC 1.63:1 Fail
Aa #FCA081 on #CA77A4 1.57:1 Fail
Aa #FFD154 on #FCA081 1.38:1 Fail
Aa #CA77A4 on #6EABFC 1.33:1 Fail
Aa #CA77A4 on #9D6AC9 1.25:1 Fail
Aa #FCA081 on #6EABFC 1.18:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors