Sign Up Sign Up
Dusty 11

Dusty 11

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Dusty 11

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

Modify
Vibrant 11 colors Warm Mixed Complementary artist grafxkid
Likes 23
Colors 11

CSS variables

:root {
  --c-vibrant-1: #93476D;
  --c-vibrant-2: #DD8B6F;
  --c-vibrant-3: #F5DB68;
  --c-vibrant-4: #7CBA40;
  --c-vibrant-5: #326599;
  --c-vibrant-6: #69A7F4;
  --c-vibrant-7: #9DDFFD;
  --c-vibrant-8: #F9F6EB;
  --c-vibrant-9: #A4B2B6;
  --c-vibrant-10: #676C7E;
  --c-vibrant-11: #2E2831;
}

About this palette

This 11-color vibrant palette runs from Clear Moon (#F9F6EB) as its lightest tone to Black Safflower (#2E2831) as its darkest. It blends Befitting, Guava Jam, Wild Daffodil, Sparkling Apple, Caledor Sky, Blue Jeans, Columbia Blue, Clear Moon, Special Delivery, Nostalgic and Black Safflower into a single set you can drop straight into a UI. Of its 55 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F9F6EB on #2E2831 at 13.26:1.

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

Color breakdown

Befitting #93476D
RGB
rgb(147, 71, 109)
HSL
hsl(330, 35%, 43%)
Luminance
0.118
Guava Jam #DD8B6F
RGB
rgb(221, 139, 111)
HSL
hsl(15, 62%, 65%)
Luminance
0.350
Wild Daffodil #F5DB68
RGB
rgb(245, 219, 104)
HSL
hsl(49, 88%, 68%)
Luminance
0.711
Sparkling Apple #7CBA40
RGB
rgb(124, 186, 64)
HSL
hsl(90, 49%, 49%)
Luminance
0.398
Caledor Sky #326599
RGB
rgb(50, 101, 153)
HSL
hsl(210, 51%, 40%)
Luminance
0.123
Blue Jeans #69A7F4
RGB
rgb(105, 167, 244)
HSL
hsl(213, 86%, 68%)
Luminance
0.372
Columbia Blue #9DDFFD
RGB
rgb(157, 223, 253)
HSL
hsl(199, 96%, 80%)
Luminance
0.670
Clear Moon #F9F6EB
RGB
rgb(249, 246, 235)
HSL
hsl(47, 54%, 95%)
Luminance
0.921
Special Delivery #A4B2B6
RGB
rgb(164, 178, 182)
HSL
hsl(193, 11%, 68%)
Luminance
0.431
Nostalgic #676C7E
RGB
rgb(103, 108, 126)
HSL
hsl(227, 10%, 45%)
Luminance
0.151
Black Safflower #2E2831
RGB
rgb(46, 40, 49)
HSL
hsl(280, 10%, 17%)
Luminance
0.023

Contrast & accessibility

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

Aa #F9F6EB on #2E2831 13.26:1 AAA
Aa #F5DB68 on #2E2831 10.39:1 AAA
Aa #9DDFFD on #2E2831 9.84:1 AAA
Aa #A4B2B6 on #2E2831 6.57:1 AA
Aa #7CBA40 on #2E2831 6.12:1 AA
Aa #93476D on #F9F6EB 5.77:1 AA
Aa #69A7F4 on #2E2831 5.76:1 AA
Aa #326599 on #F9F6EB 5.61:1 AA
Aa #DD8B6F on #2E2831 5.46:1 AA
Aa #F9F6EB on #676C7E 4.82:1 AA
Aa #93476D on #F5DB68 4.52:1 AA
Aa #F5DB68 on #326599 4.40:1 AA Large
Aa #93476D on #9DDFFD 4.28:1 AA Large
Aa #326599 on #9DDFFD 4.17:1 AA Large
Aa #F5DB68 on #676C7E 3.78:1 AA Large
Aa #9DDFFD on #676C7E 3.58:1 AA Large
Aa #93476D on #A4B2B6 2.86:1 Fail
Aa #326599 on #A4B2B6 2.78:1 Fail
Aa #676C7E on #2E2831 2.75:1 Fail
Aa #93476D on #7CBA40 2.66:1 Fail
Aa #7CBA40 on #326599 2.59:1 Fail
Aa #93476D on #69A7F4 2.51:1 Fail
Aa #326599 on #69A7F4 2.44:1 Fail
Aa #DD8B6F on #F9F6EB 2.43:1 Fail
Aa #A4B2B6 on #676C7E 2.39:1 Fail
Aa #93476D on #DD8B6F 2.38:1 Fail
Aa #326599 on #2E2831 2.36:1 Fail
Aa #DD8B6F on #326599 2.31:1 Fail
Aa #93476D on #2E2831 2.30:1 Fail
Aa #69A7F4 on #F9F6EB 2.30:1 Fail
Aa #7CBA40 on #676C7E 2.23:1 Fail
Aa #7CBA40 on #F9F6EB 2.17:1 Fail
Aa #69A7F4 on #676C7E 2.10:1 Fail
Aa #F9F6EB on #A4B2B6 2.02:1 Fail
Aa #DD8B6F on #676C7E 1.99:1 Fail
Aa #DD8B6F on #F5DB68 1.90:1 Fail
Aa #DD8B6F on #9DDFFD 1.80:1 Fail
Aa #F5DB68 on #69A7F4 1.80:1 Fail
Aa #69A7F4 on #9DDFFD 1.71:1 Fail
Aa #F5DB68 on #7CBA40 1.70:1 Fail
Aa #7CBA40 on #9DDFFD 1.61:1 Fail
Aa #F5DB68 on #A4B2B6 1.58:1 Fail
Aa #9DDFFD on #A4B2B6 1.50:1 Fail
Aa #9DDFFD on #F9F6EB 1.35:1 Fail
Aa #F5DB68 on #F9F6EB 1.28:1 Fail
Aa #93476D on #676C7E 1.20:1 Fail
Aa #DD8B6F on #A4B2B6 1.20:1 Fail
Aa #326599 on #676C7E 1.16:1 Fail
Aa #69A7F4 on #A4B2B6 1.14:1 Fail
Aa #DD8B6F on #7CBA40 1.12:1 Fail
Aa #7CBA40 on #A4B2B6 1.07:1 Fail
Aa #F5DB68 on #9DDFFD 1.06:1 Fail
Aa #7CBA40 on #69A7F4 1.06:1 Fail
Aa #DD8B6F on #69A7F4 1.05:1 Fail
Aa #93476D on #326599 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