Sign Up Sign Up
TY Blue Moon 5

TY Blue Moon 5

5-color palette · Neutral · Mixed · Complementary harmony

Back to Library

TY Blue Moon 5

5-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Muted 5 colors Neutral Mixed Complementary simple gameboy blue limited
Likes 15
Colors 5

CSS variables

:root {
  --c-muted-1: #DBD7B6;
  --c-muted-2: #96A78E;
  --c-muted-3: #55656D;
  --c-muted-4: #1B3A4E;
  --c-muted-5: #040505;
}

About this palette

This 5-color muted palette runs from Spring Day (#DBD7B6) as its lightest tone to Black Metal (#040505) as its darkest. It blends Spring Day, Zucchini Cream, Plot Twist, Subterranean River and Black Metal into a single set you can drop straight into a UI. Of its 10 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #DBD7B6 on #040505 at 14:1.

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

Color breakdown

Spring Day #DBD7B6
RGB
rgb(219, 215, 182)
HSL
hsl(54, 34%, 79%)
Luminance
0.670
Zucchini Cream #96A78E
RGB
rgb(150, 167, 142)
HSL
hsl(101, 12%, 61%)
Luminance
0.361
Plot Twist #55656D
RGB
rgb(85, 101, 109)
HSL
hsl(200, 12%, 38%)
Luminance
0.123
Subterranean River #1B3A4E
RGB
rgb(27, 58, 78)
HSL
hsl(204, 49%, 21%)
Luminance
0.038
Black Metal #040505
RGB
rgb(4, 5, 5)
HSL
hsl(180, 11%, 2%)
Luminance
0.002

Contrast & accessibility

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

Aa #DBD7B6 on #040505 14.00:1 AAA
Aa #DBD7B6 on #1B3A4E 8.18:1 AAA
Aa #96A78E on #040505 7.98:1 AAA
Aa #96A78E on #1B3A4E 4.66:1 AA
Aa #DBD7B6 on #55656D 4.15:1 AA Large
Aa #55656D on #040505 3.37:1 AA Large
Aa #96A78E on #55656D 2.37:1 Fail
Aa #55656D on #1B3A4E 1.97:1 Fail
Aa #DBD7B6 on #96A78E 1.75:1 Fail
Aa #1B3A4E on #040505 1.71:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors