Sign Up Sign Up
Duolingo

Duolingo

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Duolingo

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

Modify
Vibrant 11 colors Warm Mixed Complementary 11 duolingo languges flags
Likes 16
Colors 11

CSS variables

:root {
  --c-vibrant-1: #4B4B4B;
  --c-vibrant-2: #FF4B4B;
  --c-vibrant-3: #FF9600;
  --c-vibrant-4: #FFC300;
  --c-vibrant-5: #FFCE8E;
  --c-vibrant-6: #EEEEEE;
  --c-vibrant-7: #1CB0F5;
  --c-vibrant-8: #1899D5;
  --c-vibrant-9: #1254A9;
  --c-vibrant-10: #47A600;
  --c-vibrant-11: #7AC70B;
}

About this palette

This 11-color vibrant palette runs from Super Silver (#EEEEEE) as its lightest tone to Shadowed Steel (#4B4B4B) as its darkest. It blends Shadowed Steel, Blood Burst, Barcelona Orange, Citrus Splash, Goldenrod Yellow, Super Silver, Zima Blue, Structural Blue, Aarhusian Sky, Early Dew and Monstera Deliciosa into a single set you can drop straight into a UI. Of its 55 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #4B4B4B on #EEEEEE at 7.52:1.

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

Color breakdown

Shadowed Steel #4B4B4B
RGB
rgb(75, 75, 75)
HSL
hsl(0, 0%, 29%)
Luminance
0.070
Blood Burst #FF4B4B
RGB
rgb(255, 75, 75)
HSL
hsl(0, 100%, 65%)
Luminance
0.268
Barcelona Orange #FF9600
RGB
rgb(255, 150, 0)
HSL
hsl(35, 100%, 50%)
Luminance
0.431
Citrus Splash #FFC300
RGB
rgb(255, 195, 0)
HSL
hsl(46, 100%, 50%)
Luminance
0.603
Goldenrod Yellow #FFCE8E
RGB
rgb(255, 206, 142)
HSL
hsl(34, 100%, 78%)
Luminance
0.674
Super Silver #EEEEEE
RGB
rgb(238, 238, 238)
HSL
hsl(0, 0%, 93%)
Luminance
0.855
Zima Blue #1CB0F5
RGB
rgb(28, 176, 245)
HSL
hsl(199, 92%, 54%)
Luminance
0.379
Structural Blue #1899D5
RGB
rgb(24, 153, 213)
HSL
hsl(199, 80%, 46%)
Luminance
0.278
Aarhusian Sky #1254A9
RGB
rgb(18, 84, 169)
HSL
hsl(214, 81%, 37%)
Luminance
0.093
Early Dew #47A600
RGB
rgb(71, 166, 0)
HSL
hsl(94, 100%, 33%)
Luminance
0.286
Monstera Deliciosa #7AC70B
RGB
rgb(122, 199, 11)
HSL
hsl(85, 90%, 41%)
Luminance
0.450

Contrast & accessibility

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

Aa #4B4B4B on #EEEEEE 7.52:1 AAA
Aa #EEEEEE on #1254A9 6.31:1 AA
Aa #4B4B4B on #FFCE8E 6.01:1 AA
Aa #4B4B4B on #FFC300 5.42:1 AA
Aa #FFCE8E on #1254A9 5.05:1 AA
Aa #FFC300 on #1254A9 4.55:1 AA
Aa #4B4B4B on #7AC70B 4.15:1 AA Large
Aa #4B4B4B on #FF9600 3.99:1 AA Large
Aa #4B4B4B on #1CB0F5 3.56:1 AA Large
Aa #1254A9 on #7AC70B 3.49:1 AA Large
Aa #FF9600 on #1254A9 3.35:1 AA Large
Aa #1CB0F5 on #1254A9 2.99:1 Fail
Aa #FF4B4B on #EEEEEE 2.85:1 Fail
Aa #4B4B4B on #47A600 2.79:1 Fail
Aa #EEEEEE on #1899D5 2.76:1 Fail
Aa #4B4B4B on #1899D5 2.72:1 Fail
Aa #EEEEEE on #47A600 2.69:1 Fail
Aa #4B4B4B on #FF4B4B 2.64:1 Fail
Aa #1254A9 on #47A600 2.34:1 Fail
Aa #1899D5 on #1254A9 2.29:1 Fail
Aa #FF4B4B on #FFCE8E 2.28:1 Fail
Aa #FF4B4B on #1254A9 2.22:1 Fail
Aa #FFCE8E on #1899D5 2.21:1 Fail
Aa #FFCE8E on #47A600 2.15:1 Fail
Aa #EEEEEE on #1CB0F5 2.11:1 Fail
Aa #FF4B4B on #FFC300 2.05:1 Fail
Aa #FFC300 on #1899D5 1.99:1 Fail
Aa #FFC300 on #47A600 1.94:1 Fail
Aa #FF9600 on #EEEEEE 1.88:1 Fail
Aa #EEEEEE on #7AC70B 1.81:1 Fail
Aa #FFCE8E on #1CB0F5 1.69:1 Fail
Aa #FF4B4B on #7AC70B 1.57:1 Fail
Aa #1899D5 on #7AC70B 1.53:1 Fail
Aa #FFC300 on #1CB0F5 1.52:1 Fail
Aa #FF4B4B on #FF9600 1.51:1 Fail
Aa #FF9600 on #FFCE8E 1.51:1 Fail
Aa #47A600 on #7AC70B 1.49:1 Fail
Aa #FF9600 on #1899D5 1.47:1 Fail
Aa #FFCE8E on #7AC70B 1.45:1 Fail
Aa #FF9600 on #47A600 1.43:1 Fail
Aa #FFC300 on #EEEEEE 1.39:1 Fail
Aa #FF9600 on #FFC300 1.36:1 Fail
Aa #FF4B4B on #1CB0F5 1.35:1 Fail
Aa #FFC300 on #7AC70B 1.31:1 Fail
Aa #1CB0F5 on #1899D5 1.31:1 Fail
Aa #1CB0F5 on #47A600 1.28:1 Fail
Aa #FFCE8E on #EEEEEE 1.25:1 Fail
Aa #4B4B4B on #1254A9 1.19:1 Fail
Aa #1CB0F5 on #7AC70B 1.17:1 Fail
Aa #FF9600 on #1CB0F5 1.12:1 Fail
Aa #FFC300 on #FFCE8E 1.11:1 Fail
Aa #FF4B4B on #47A600 1.06:1 Fail
Aa #FF9600 on #7AC70B 1.04:1 Fail
Aa #FF4B4B on #1899D5 1.03:1 Fail
Aa #1899D5 on #47A600 1.03: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