Sign Up Sign Up
ZantasticDiscord

ZantasticDiscord

10-color palette · Cool · Dark · Analogous harmony

Back to Library

ZantasticDiscord

10-color palette · Cool temperature · Dark tone · Analogous harmony

Modify
Muted 10 colors Cool Dark Analogous
Likes 37
Colors 10

CSS variables

:root {
  --c-muted-1: #080821;
  --c-muted-2: #201247;
  --c-muted-3: #20235E;
  --c-muted-4: #503569;
  --c-muted-5: #425979;
  --c-muted-6: #51697D;
  --c-muted-7: #7F6B99;
  --c-muted-8: #6F8AAB;
  --c-muted-9: #80A8A7;
  --c-muted-10: #D9B4C3;
}

About this palette

This 10-color muted palette runs from Pale Lilac (#D9B4C3) as its lightest tone to Tristesse (#080821) as its darkest. It blends Tristesse, Shadow Planet, Deep Breath, Petunia, Carter’s Scroll, Periscope, Ornate, Windsurf Blue, Acapulco Aqua and Pale Lilac into a single set you can drop straight into a UI. Of its 45 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #080821 on #D9B4C3 at 10.56:1.

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

Color breakdown

Tristesse #080821
RGB
rgb(8, 8, 33)
HSL
hsl(240, 61%, 8%)
Luminance
0.003
Shadow Planet #201247
RGB
rgb(32, 18, 71)
HSL
hsl(256, 60%, 17%)
Luminance
0.012
Deep Breath #20235E
RGB
rgb(32, 35, 94)
HSL
hsl(237, 49%, 25%)
Luminance
0.023
Petunia #503569
RGB
rgb(80, 53, 105)
HSL
hsl(271, 33%, 31%)
Luminance
0.053
Carter’s Scroll #425979
RGB
rgb(66, 89, 121)
HSL
hsl(215, 29%, 37%)
Luminance
0.097
Periscope #51697D
RGB
rgb(81, 105, 125)
HSL
hsl(207, 21%, 40%)
Luminance
0.133
Ornate #7F6B99
RGB
rgb(127, 107, 153)
HSL
hsl(266, 18%, 51%)
Luminance
0.173
Windsurf Blue #6F8AAB
RGB
rgb(111, 138, 171)
HSL
hsl(213, 26%, 55%)
Luminance
0.245
Acapulco Aqua #80A8A7
RGB
rgb(128, 168, 167)
HSL
hsl(179, 19%, 58%)
Luminance
0.354
Pale Lilac #D9B4C3
RGB
rgb(217, 180, 195)
HSL
hsl(336, 33%, 78%)
Luminance
0.513

Contrast & accessibility

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

Aa #080821 on #D9B4C3 10.56:1 AAA
Aa #201247 on #D9B4C3 9.09:1 AAA
Aa #20235E on #D9B4C3 7.70:1 AAA
Aa #080821 on #80A8A7 7.57:1 AAA
Aa #201247 on #80A8A7 6.52:1 AA
Aa #080821 on #6F8AAB 5.53:1 AA
Aa #20235E on #80A8A7 5.52:1 AA
Aa #503569 on #D9B4C3 5.48:1 AA
Aa #201247 on #6F8AAB 4.76:1 AA
Aa #080821 on #7F6B99 4.18:1 AA Large
Aa #20235E on #6F8AAB 4.03:1 AA Large
Aa #503569 on #80A8A7 3.93:1 AA Large
Aa #425979 on #D9B4C3 3.84:1 AA Large
Aa #201247 on #7F6B99 3.60:1 AA Large
Aa #080821 on #51697D 3.44:1 AA Large
Aa #51697D on #D9B4C3 3.07:1 AA Large
Aa #20235E on #7F6B99 3.05:1 AA Large
Aa #201247 on #51697D 2.96:1 Fail
Aa #503569 on #6F8AAB 2.87:1 Fail
Aa #080821 on #425979 2.75:1 Fail
Aa #425979 on #80A8A7 2.75:1 Fail
Aa #7F6B99 on #D9B4C3 2.52:1 Fail
Aa #20235E on #51697D 2.51:1 Fail
Aa #201247 on #425979 2.37:1 Fail
Aa #51697D on #80A8A7 2.20:1 Fail
Aa #503569 on #7F6B99 2.17:1 Fail
Aa #20235E on #425979 2.01:1 Fail
Aa #425979 on #6F8AAB 2.01:1 Fail
Aa #080821 on #503569 1.93:1 Fail
Aa #6F8AAB on #D9B4C3 1.91:1 Fail
Aa #7F6B99 on #80A8A7 1.81:1 Fail
Aa #503569 on #51697D 1.78:1 Fail
Aa #201247 on #503569 1.66:1 Fail
Aa #51697D on #6F8AAB 1.61:1 Fail
Aa #425979 on #7F6B99 1.52:1 Fail
Aa #503569 on #425979 1.43:1 Fail
Aa #20235E on #503569 1.40:1 Fail
Aa #80A8A7 on #D9B4C3 1.39:1 Fail
Aa #080821 on #20235E 1.37:1 Fail
Aa #6F8AAB on #80A8A7 1.37:1 Fail
Aa #7F6B99 on #6F8AAB 1.32:1 Fail
Aa #425979 on #51697D 1.25:1 Fail
Aa #51697D on #7F6B99 1.22:1 Fail
Aa #201247 on #20235E 1.18:1 Fail
Aa #080821 on #201247 1.16:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors