Sign Up Sign Up
MF 8

MF 8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

MF 8

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

Modify
Vibrant 8 colors Warm Mixed Complementary retro
Likes 30
Colors 8

CSS variables

:root {
  --c-vibrant-1: #FCF8EA;
  --c-vibrant-2: #FDD156;
  --c-vibrant-3: #1AC1FE;
  --c-vibrant-4: #32A75C;
  --c-vibrant-5: #E04113;
  --c-vibrant-6: #7F339A;
  --c-vibrant-7: #A7763E;
  --c-vibrant-8: #292320;
}

About this palette

This 8-color vibrant palette runs from Pearl Necklace (#FCF8EA) as its lightest tone to Orka Black (#292320) as its darkest. It blends Pearl Necklace, Glowing Reviews, Spiro Disco Ball, Kelly Green, Tail Lights, Skeletor’s Cape, Invitation Gold and Orka Black into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FCF8EA on #292320 at 14.57:1.

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

Color breakdown

Pearl Necklace #FCF8EA
RGB
rgb(252, 248, 234)
HSL
hsl(47, 75%, 95%)
Luminance
0.938
Glowing Reviews #FDD156
RGB
rgb(253, 209, 86)
HSL
hsl(44, 98%, 66%)
Luminance
0.672
Spiro Disco Ball #1AC1FE
RGB
rgb(26, 193, 254)
HSL
hsl(196, 99%, 55%)
Luminance
0.455
Kelly Green #32A75C
RGB
rgb(50, 167, 92)
HSL
hsl(142, 54%, 43%)
Luminance
0.291
Tail Lights #E04113
RGB
rgb(224, 65, 19)
HSL
hsl(13, 84%, 48%)
Luminance
0.197
Skeletor’s Cape #7F339A
RGB
rgb(127, 51, 154)
HSL
hsl(284, 50%, 40%)
Luminance
0.092
Invitation Gold #A7763E
RGB
rgb(167, 118, 62)
HSL
hsl(32, 46%, 45%)
Luminance
0.215
Orka Black #292320
RGB
rgb(41, 35, 32)
HSL
hsl(20, 12%, 14%)
Luminance
0.018

Contrast & accessibility

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

Aa #FCF8EA on #292320 14.57:1 AAA
Aa #FDD156 on #292320 10.65:1 AAA
Aa #1AC1FE on #292320 7.45:1 AAA
Aa #FCF8EA on #7F339A 6.95:1 AA
Aa #FDD156 on #7F339A 5.08:1 AA
Aa #32A75C on #292320 5.03:1 AA
Aa #FCF8EA on #E04113 4.00:1 AA Large
Aa #A7763E on #292320 3.91:1 AA Large
Aa #FCF8EA on #A7763E 3.72:1 AA Large
Aa #E04113 on #292320 3.64:1 AA Large
Aa #1AC1FE on #7F339A 3.55:1 AA Large
Aa #FDD156 on #E04113 2.92:1 Fail
Aa #FCF8EA on #32A75C 2.90:1 Fail
Aa #FDD156 on #A7763E 2.72:1 Fail
Aa #32A75C on #7F339A 2.40:1 Fail
Aa #FDD156 on #32A75C 2.12:1 Fail
Aa #7F339A on #292320 2.10:1 Fail
Aa #1AC1FE on #E04113 2.05:1 Fail
Aa #FCF8EA on #1AC1FE 1.96:1 Fail
Aa #1AC1FE on #A7763E 1.90:1 Fail
Aa #7F339A on #A7763E 1.87:1 Fail
Aa #E04113 on #7F339A 1.74:1 Fail
Aa #1AC1FE on #32A75C 1.48:1 Fail
Aa #FDD156 on #1AC1FE 1.43:1 Fail
Aa #32A75C on #E04113 1.38:1 Fail
Aa #FCF8EA on #FDD156 1.37:1 Fail
Aa #32A75C on #A7763E 1.29:1 Fail
Aa #E04113 on #A7763E 1.07: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