Sign Up Sign Up
Elven_Eight

Elven_Eight

8-color palette · Warm · Light · Complementary harmony

Back to Library

Elven_Eight

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

Modify
Vibrant 8 colors Warm Light Complementary fantasy bright rainbow
Likes 12
Colors 8

CSS variables

:root {
  --c-vibrant-1: #FD90AA;
  --c-vibrant-2: #FEE9CF;
  --c-vibrant-3: #E4C8A5;
  --c-vibrant-4: #F5FF97;
  --c-vibrant-5: #94FF9B;
  --c-vibrant-6: #94E8FD;
  --c-vibrant-7: #4D494A;
  --c-vibrant-8: #E191FC;
}

About this palette

This 8-color vibrant palette runs from Metal Spark (#F5FF97) as its lightest tone to Bastion Grey (#4D494A) as its darkest. It blends Baker-Miller Pink, Pale Egg, Gentle Fawn, Metal Spark, Bright Mint, Alpine Expedition, Bastion Grey and Bright Lilac into a single set you can drop straight into a UI. Of its 28 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F5FF97 on #4D494A at 8.29:1.

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

Color breakdown

Baker-Miller Pink #FD90AA
RGB
rgb(253, 144, 170)
HSL
hsl(346, 96%, 78%)
Luminance
0.437
Pale Egg #FEE9CF
RGB
rgb(254, 233, 207)
HSL
hsl(33, 96%, 90%)
Luminance
0.839
Gentle Fawn #E4C8A5
RGB
rgb(228, 200, 165)
HSL
hsl(33, 54%, 77%)
Luminance
0.605
Metal Spark #F5FF97
RGB
rgb(245, 255, 151)
HSL
hsl(66, 100%, 80%)
Luminance
0.932
Bright Mint #94FF9B
RGB
rgb(148, 255, 155)
HSL
hsl(124, 100%, 79%)
Luminance
0.802
Alpine Expedition #94E8FD
RGB
rgb(148, 232, 253)
HSL
hsl(192, 96%, 79%)
Luminance
0.711
Bastion Grey #4D494A
RGB
rgb(77, 73, 74)
HSL
hsl(345, 3%, 29%)
Luminance
0.068
Bright Lilac #E191FC
RGB
rgb(225, 145, 252)
HSL
hsl(285, 95%, 78%)
Luminance
0.433

Contrast & accessibility

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

Aa #F5FF97 on #4D494A 8.29:1 AAA
Aa #FEE9CF on #4D494A 7.51:1 AAA
Aa #94FF9B on #4D494A 7.20:1 AAA
Aa #94E8FD on #4D494A 6.43:1 AA
Aa #E4C8A5 on #4D494A 5.53:1 AA
Aa #FD90AA on #4D494A 4.12:1 AA Large
Aa #4D494A on #E191FC 4.08:1 AA Large
Aa #F5FF97 on #E191FC 2.03:1 Fail
Aa #FD90AA on #F5FF97 2.01:1 Fail
Aa #FEE9CF on #E191FC 1.84:1 Fail
Aa #FD90AA on #FEE9CF 1.82:1 Fail
Aa #94FF9B on #E191FC 1.76:1 Fail
Aa #FD90AA on #94FF9B 1.75:1 Fail
Aa #94E8FD on #E191FC 1.58:1 Fail
Aa #FD90AA on #94E8FD 1.56:1 Fail
Aa #E4C8A5 on #F5FF97 1.50:1 Fail
Aa #FEE9CF on #E4C8A5 1.36:1 Fail
Aa #E4C8A5 on #E191FC 1.36:1 Fail
Aa #FD90AA on #E4C8A5 1.34:1 Fail
Aa #E4C8A5 on #94FF9B 1.30:1 Fail
Aa #F5FF97 on #94E8FD 1.29:1 Fail
Aa #FEE9CF on #94E8FD 1.17:1 Fail
Aa #E4C8A5 on #94E8FD 1.16:1 Fail
Aa #F5FF97 on #94FF9B 1.15:1 Fail
Aa #94FF9B on #94E8FD 1.12:1 Fail
Aa #FEE9CF on #F5FF97 1.10:1 Fail
Aa #FEE9CF on #94FF9B 1.04:1 Fail
Aa #FD90AA on #E191FC 1.01: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