Ghost Town

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Ghost Town

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 12 Farben Kühl Gemischt Analog spooky erie

Likes 211

Farben 12

CSS-Variablen

: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;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Patrinia Scabiosaefolia (#F1F2B6) bis zum dunkelsten Ton Galaxea (#2F325D). Sie vereint Galaxea, Port Gore, Carter’s Scroll, Blue Loneliness, Mallorca Blue, Secure Blue, Golf Blazer, Mountain Lake Green, Greek Garden, Sage Sensation, Ice Cold Green und Patrinia Scabiosaefolia in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F325D auf #F1F2B6 mit 10,44:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Galaxea #2F325D

RGB: rgb(47, 50, 93)
HSL: hsl(236, 33%, 27%)
Luminanz: 0,037

Port Gore #39456D

RGB: rgb(57, 69, 109)
HSL: hsl(226, 31%, 33%)
Luminanz: 0,062

Carter’s Scroll #425879

RGB: rgb(66, 88, 121)
HSL: hsl(216, 29%, 37%)
Luminanz: 0,095

Blue Loneliness #496B83

RGB: rgb(73, 107, 131)
HSL: hsl(205, 28%, 40%)
Luminanz: 0,136

Mallorca Blue #517D91

RGB: rgb(81, 125, 145)
HSL: hsl(199, 28%, 44%)
Luminanz: 0,185

Secure Blue #528C9F

RGB: rgb(82, 140, 159)
HSL: hsl(195, 32%, 47%)
Luminanz: 0,231

Golf Blazer #54A295

RGB: rgb(84, 162, 149)
HSL: hsl(170, 32%, 48%)
Luminanz: 0,299

Mountain Lake Green #70BC93

RGB: rgb(112, 188, 147)
HSL: hsl(148, 36%, 59%)
Luminanz: 0,415

Greek Garden #8CD589

RGB: rgb(140, 213, 137)
HSL: hsl(118, 48%, 69%)
Luminanz: 0,550

Sage Sensation #B7E097

RGB: rgb(183, 224, 151)
HSL: hsl(94, 54%, 74%)
Luminanz: 0,656

Ice Cold Green #DAEFAB

RGB: rgb(218, 239, 171)
HSL: hsl(79, 68%, 80%)
Luminanz: 0,796

Patrinia Scabiosaefolia #F1F2B6

RGB: rgb(241, 242, 182)
HSL: hsl(61, 70%, 83%)
Luminanz: 0,856

Kontrast & Barrierefreiheit

14 von 66 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #2F325D auf #F1F2B6 10,44:1 AAA

Aa #2F325D auf #DAEFAB 9,75:1 AAA

Aa #2F325D auf #B7E097 8,14:1 AAA

Aa #39456D auf #F1F2B6 8,07:1 AAA

Aa #39456D auf #DAEFAB 7,53:1 AAA

Aa #2F325D auf #8CD589 6,91:1 AA

Aa #39456D auf #B7E097 6,29:1 AA

Aa #425879 auf #F1F2B6 6,24:1 AA

Aa #425879 auf #DAEFAB 5,83:1 AA

Aa #2F325D auf #70BC93 5,36:1 AA

Aa #39456D auf #8CD589 5,34:1 AA

Aa #496B83 auf #F1F2B6 4,88:1 AA

Aa #425879 auf #B7E097 4,86:1 AA

Aa #496B83 auf #DAEFAB 4,55:1 AA

Aa #39456D auf #70BC93 4,14:1 AA (großer Text)

Aa #425879 auf #8CD589 4,13:1 AA (großer Text)

Aa #2F325D auf #54A295 4,02:1 AA (großer Text)

Aa #517D91 auf #F1F2B6 3,86:1 AA (großer Text)

Aa #496B83 auf #B7E097 3,80:1 AA (großer Text)

Aa #517D91 auf #DAEFAB 3,61:1 AA (großer Text)

Aa #2F325D auf #528C9F 3,23:1 AA (großer Text)

Aa #496B83 auf #8CD589 3,23:1 AA (großer Text)

Aa #528C9F auf #F1F2B6 3,23:1 AA (großer Text)

Aa #425879 auf #70BC93 3,20:1 AA (großer Text)

Aa #39456D auf #54A295 3,11:1 AA (großer Text)

Aa #517D91 auf #B7E097 3,01:1 AA (großer Text)

Aa #528C9F auf #DAEFAB 3,01:1 AA (großer Text)

Aa #2F325D auf #517D91 2,70:1 Nicht bestanden

Aa #54A295 auf #F1F2B6 2,60:1 Nicht bestanden

Aa #517D91 auf #8CD589 2,56:1 Nicht bestanden

Aa #528C9F auf #B7E097 2,52:1 Nicht bestanden

Aa #39456D auf #528C9F 2,50:1 Nicht bestanden

Aa #496B83 auf #70BC93 2,50:1 Nicht bestanden

Aa #54A295 auf #DAEFAB 2,42:1 Nicht bestanden

Aa #425879 auf #54A295 2,40:1 Nicht bestanden

Aa #2F325D auf #496B83 2,14:1 Nicht bestanden

Aa #528C9F auf #8CD589 2,14:1 Nicht bestanden

Aa #39456D auf #517D91 2,09:1 Nicht bestanden

Aa #54A295 auf #B7E097 2,02:1 Nicht bestanden

Aa #517D91 auf #70BC93 1,98:1 Nicht bestanden

Aa #70BC93 auf #F1F2B6 1,95:1 Nicht bestanden

Aa #425879 auf #528C9F 1,93:1 Nicht bestanden

Aa #496B83 auf #54A295 1,88:1 Nicht bestanden

Aa #70BC93 auf #DAEFAB 1,82:1 Nicht bestanden

Aa #54A295 auf #8CD589 1,72:1 Nicht bestanden

Aa #2F325D auf #425879 1,67:1 Nicht bestanden

Aa #528C9F auf #70BC93 1,66:1 Nicht bestanden

Aa #39456D auf #496B83 1,65:1 Nicht bestanden

Aa #425879 auf #517D91 1,62:1 Nicht bestanden

Aa #70BC93 auf #B7E097 1,52:1 Nicht bestanden

Aa #496B83 auf #528C9F 1,51:1 Nicht bestanden

Aa #8CD589 auf #F1F2B6 1,51:1 Nicht bestanden

Aa #517D91 auf #54A295 1,49:1 Nicht bestanden

Aa #8CD589 auf #DAEFAB 1,41:1 Nicht bestanden

Aa #54A295 auf #70BC93 1,33:1 Nicht bestanden

Aa #2F325D auf #39456D 1,29:1 Nicht bestanden

Aa #39456D auf #425879 1,29:1 Nicht bestanden

Aa #70BC93 auf #8CD589 1,29:1 Nicht bestanden

Aa #425879 auf #496B83 1,28:1 Nicht bestanden

Aa #B7E097 auf #F1F2B6 1,28:1 Nicht bestanden

Aa #496B83 auf #517D91 1,26:1 Nicht bestanden

Aa #528C9F auf #54A295 1,24:1 Nicht bestanden

Aa #517D91 auf #528C9F 1,20:1 Nicht bestanden

Aa #B7E097 auf #DAEFAB 1,20:1 Nicht bestanden

Aa #8CD589 auf #B7E097 1,18:1 Nicht bestanden

Aa #DAEFAB auf #F1F2B6 1,07:1 Nicht bestanden

Ghost Town

Ghost Town

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen