Sign Up Sign Up
Médor9

Médor9

9-color palette · Warm · Mixed · Analogous harmony

Back to Library

Médor9

9-color palette · Warm temperature · Mixed tone · Analogous harmony

Modify
Vibrant 9 colors Warm Mixed Analogous 9colors dog
Likes 19
Colors 9

CSS variables

:root {
  --c-vibrant-1: #E5E5E5;
  --c-vibrant-2: #E8C53C;
  --c-vibrant-3: #BAB200;
  --c-vibrant-4: #D88C1A;
  --c-vibrant-5: #BC6336;
  --c-vibrant-6: #666600;
  --c-vibrant-7: #68294E;
  --c-vibrant-8: #47211A;
  --c-vibrant-9: #270E0E;
}

About this palette

This 9-color vibrant palette runs from Cold Morning (#E5E5E5) as its lightest tone to Italian Roast (#270E0E) as its darkest. It blends Cold Morning, Lime Drop, Muddy Yellow, Apricot Chicken, Smoke Tree, Earthy Khaki Green, Ebizome Purple, Marmite and Italian Roast into a single set you can drop straight into a UI. Of its 36 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E5E5E5 on #270E0E at 14.43:1.

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

Color breakdown

Cold Morning #E5E5E5
RGB
rgb(229, 229, 229)
HSL
hsl(0, 0%, 90%)
Luminance
0.784
Lime Drop #E8C53C
RGB
rgb(232, 197, 60)
HSL
hsl(48, 79%, 57%)
Luminance
0.574
Muddy Yellow #BAB200
RGB
rgb(186, 178, 0)
HSL
hsl(57, 100%, 36%)
Luminance
0.423
Apricot Chicken #D88C1A
RGB
rgb(216, 140, 26)
HSL
hsl(36, 79%, 47%)
Luminance
0.334
Smoke Tree #BC6336
RGB
rgb(188, 99, 54)
HSL
hsl(20, 55%, 47%)
Luminance
0.199
Earthy Khaki Green #666600
RGB
rgb(102, 102, 0)
HSL
hsl(60, 100%, 20%)
Luminance
0.123
Ebizome Purple #68294E
RGB
rgb(104, 41, 78)
HSL
hsl(325, 43%, 28%)
Luminance
0.051
Marmite #47211A
RGB
rgb(71, 33, 26)
HSL
hsl(9, 46%, 19%)
Luminance
0.025
Italian Roast #270E0E
RGB
rgb(39, 14, 14)
HSL
hsl(0, 47%, 10%)
Luminance
0.008

Contrast & accessibility

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

Aa #E5E5E5 on #270E0E 14.43:1 AAA
Aa #E5E5E5 on #47211A 11.11:1 AAA
Aa #E8C53C on #270E0E 10.80:1 AAA
Aa #E8C53C on #47211A 8.32:1 AAA
Aa #E5E5E5 on #68294E 8.27:1 AAA
Aa #BAB200 on #270E0E 8.18:1 AAA
Aa #D88C1A on #270E0E 6.65:1 AA
Aa #BAB200 on #47211A 6.30:1 AA
Aa #E8C53C on #68294E 6.19:1 AA
Aa #D88C1A on #47211A 5.12:1 AA
Aa #E5E5E5 on #666600 4.81:1 AA
Aa #BAB200 on #68294E 4.69:1 AA
Aa #BC6336 on #270E0E 4.31:1 AA Large
Aa #D88C1A on #68294E 3.81:1 AA Large
Aa #E8C53C on #666600 3.60:1 AA Large
Aa #E5E5E5 on #BC6336 3.35:1 AA Large
Aa #BC6336 on #47211A 3.32:1 AA Large
Aa #666600 on #270E0E 3.00:1 AA Large
Aa #BAB200 on #666600 2.73:1 Fail
Aa #E8C53C on #BC6336 2.51:1 Fail
Aa #BC6336 on #68294E 2.47:1 Fail
Aa #666600 on #47211A 2.31:1 Fail
Aa #D88C1A on #666600 2.22:1 Fail
Aa #E5E5E5 on #D88C1A 2.17:1 Fail
Aa #BAB200 on #BC6336 1.90:1 Fail
Aa #E5E5E5 on #BAB200 1.76:1 Fail
Aa #68294E on #270E0E 1.74:1 Fail
Aa #666600 on #68294E 1.72:1 Fail
Aa #E8C53C on #D88C1A 1.62:1 Fail
Aa #D88C1A on #BC6336 1.54:1 Fail
Aa #BC6336 on #666600 1.44:1 Fail
Aa #E5E5E5 on #E8C53C 1.34:1 Fail
Aa #68294E on #47211A 1.34:1 Fail
Aa #E8C53C on #BAB200 1.32:1 Fail
Aa #47211A on #270E0E 1.30:1 Fail
Aa #BAB200 on #D88C1A 1.23: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