Sign Up Sign Up
Ghost Town

Ghost Town

12-color palette · Cool · Mixed · Analogous harmony

Back to Library

Ghost Town

12-color palette · Cool temperature · Mixed tone · Analogous harmony

Modify
Muted 12 colors Cool Mixed Analogous spooky erie
Likes 211
Colors 12

CSS variables

:root {
  --c-muted-1: #2F325D;
  --c-muted-2: #39456D;
  --c-muted-3: #425879;
  --c-muted-4: #496B83;
  --c-muted-5: #517D91;
  --c-muted-6: #528C9F;
  --c-muted-7: #54A295;
  --c-muted-8: #70BC93;
  --c-muted-9: #8CD589;
  --c-muted-10: #B7E097;
  --c-muted-11: #DAEFAB;
  --c-muted-12: #F1F2B6;
}

About this palette

This 12-color muted palette runs from Patrinia Scabiosaefolia (#F1F2B6) as its lightest tone to Galaxea (#2F325D) as its darkest. It blends Galaxea, Port Gore, Carter’s Scroll, Blue Loneliness, Mallorca Blue, Secure Blue, Golf Blazer, Mountain Lake Green, Greek Garden, Sage Sensation, Ice Cold Green and Patrinia Scabiosaefolia into a single set you can drop straight into a UI. Of its 66 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2F325D on #F1F2B6 at 10.44:1.

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

Color breakdown

Galaxea #2F325D
RGB
rgb(47, 50, 93)
HSL
hsl(236, 33%, 27%)
Luminance
0.037
Port Gore #39456D
RGB
rgb(57, 69, 109)
HSL
hsl(226, 31%, 33%)
Luminance
0.062
Carter’s Scroll #425879
RGB
rgb(66, 88, 121)
HSL
hsl(216, 29%, 37%)
Luminance
0.095
Blue Loneliness #496B83
RGB
rgb(73, 107, 131)
HSL
hsl(205, 28%, 40%)
Luminance
0.136
Mallorca Blue #517D91
RGB
rgb(81, 125, 145)
HSL
hsl(199, 28%, 44%)
Luminance
0.185
Secure Blue #528C9F
RGB
rgb(82, 140, 159)
HSL
hsl(195, 32%, 47%)
Luminance
0.231
Golf Blazer #54A295
RGB
rgb(84, 162, 149)
HSL
hsl(170, 32%, 48%)
Luminance
0.299
Mountain Lake Green #70BC93
RGB
rgb(112, 188, 147)
HSL
hsl(148, 36%, 59%)
Luminance
0.415
Greek Garden #8CD589
RGB
rgb(140, 213, 137)
HSL
hsl(118, 48%, 69%)
Luminance
0.550
Sage Sensation #B7E097
RGB
rgb(183, 224, 151)
HSL
hsl(94, 54%, 74%)
Luminance
0.656
Ice Cold Green #DAEFAB
RGB
rgb(218, 239, 171)
HSL
hsl(79, 68%, 80%)
Luminance
0.796
Patrinia Scabiosaefolia #F1F2B6
RGB
rgb(241, 242, 182)
HSL
hsl(61, 70%, 83%)
Luminance
0.856

Contrast & accessibility

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

Aa #2F325D on #F1F2B6 10.44:1 AAA
Aa #2F325D on #DAEFAB 9.75:1 AAA
Aa #2F325D on #B7E097 8.14:1 AAA
Aa #39456D on #F1F2B6 8.07:1 AAA
Aa #39456D on #DAEFAB 7.53:1 AAA
Aa #2F325D on #8CD589 6.91:1 AA
Aa #39456D on #B7E097 6.29:1 AA
Aa #425879 on #F1F2B6 6.24:1 AA
Aa #425879 on #DAEFAB 5.83:1 AA
Aa #2F325D on #70BC93 5.36:1 AA
Aa #39456D on #8CD589 5.34:1 AA
Aa #496B83 on #F1F2B6 4.88:1 AA
Aa #425879 on #B7E097 4.86:1 AA
Aa #496B83 on #DAEFAB 4.55:1 AA
Aa #39456D on #70BC93 4.14:1 AA Large
Aa #425879 on #8CD589 4.13:1 AA Large
Aa #2F325D on #54A295 4.02:1 AA Large
Aa #517D91 on #F1F2B6 3.86:1 AA Large
Aa #496B83 on #B7E097 3.80:1 AA Large
Aa #517D91 on #DAEFAB 3.61:1 AA Large
Aa #2F325D on #528C9F 3.23:1 AA Large
Aa #496B83 on #8CD589 3.23:1 AA Large
Aa #528C9F on #F1F2B6 3.23:1 AA Large
Aa #425879 on #70BC93 3.20:1 AA Large
Aa #39456D on #54A295 3.11:1 AA Large
Aa #517D91 on #B7E097 3.01:1 AA Large
Aa #528C9F on #DAEFAB 3.01:1 AA Large
Aa #2F325D on #517D91 2.70:1 Fail
Aa #54A295 on #F1F2B6 2.60:1 Fail
Aa #517D91 on #8CD589 2.56:1 Fail
Aa #528C9F on #B7E097 2.52:1 Fail
Aa #39456D on #528C9F 2.50:1 Fail
Aa #496B83 on #70BC93 2.50:1 Fail
Aa #54A295 on #DAEFAB 2.42:1 Fail
Aa #425879 on #54A295 2.40:1 Fail
Aa #2F325D on #496B83 2.14:1 Fail
Aa #528C9F on #8CD589 2.14:1 Fail
Aa #39456D on #517D91 2.09:1 Fail
Aa #54A295 on #B7E097 2.02:1 Fail
Aa #517D91 on #70BC93 1.98:1 Fail
Aa #70BC93 on #F1F2B6 1.95:1 Fail
Aa #425879 on #528C9F 1.93:1 Fail
Aa #496B83 on #54A295 1.88:1 Fail
Aa #70BC93 on #DAEFAB 1.82:1 Fail
Aa #54A295 on #8CD589 1.72:1 Fail
Aa #2F325D on #425879 1.67:1 Fail
Aa #528C9F on #70BC93 1.66:1 Fail
Aa #39456D on #496B83 1.65:1 Fail
Aa #425879 on #517D91 1.62:1 Fail
Aa #70BC93 on #B7E097 1.52:1 Fail
Aa #496B83 on #528C9F 1.51:1 Fail
Aa #8CD589 on #F1F2B6 1.51:1 Fail
Aa #517D91 on #54A295 1.49:1 Fail
Aa #8CD589 on #DAEFAB 1.41:1 Fail
Aa #54A295 on #70BC93 1.33:1 Fail
Aa #2F325D on #39456D 1.29:1 Fail
Aa #39456D on #425879 1.29:1 Fail
Aa #70BC93 on #8CD589 1.29:1 Fail
Aa #425879 on #496B83 1.28:1 Fail
Aa #B7E097 on #F1F2B6 1.28:1 Fail
Aa #496B83 on #517D91 1.26:1 Fail
Aa #528C9F on #54A295 1.24:1 Fail
Aa #517D91 on #528C9F 1.20:1 Fail
Aa #B7E097 on #DAEFAB 1.20:1 Fail
Aa #8CD589 on #B7E097 1.18:1 Fail
Aa #DAEFAB on #F1F2B6 1.07:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors