EPHEMERA

Palette mit 12 Farben · Neutral · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

EPHEMERA

Palette mit 12 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 12 Farben Neutral Gemischt Monochrom fog ghost liminal forest

Likes 705

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #392C31;
  --c-muted-2: #4A3C4A;
  --c-muted-3: #5A555A;
  --c-muted-4: #62696A;
  --c-muted-5: #73817B;
  --c-muted-6: #83898B;
  --c-muted-7: #83918B;
  --c-muted-8: #A49DA4;
  --c-muted-9: #C5B2BD;
  --c-muted-10: #D5BECD;
  --c-muted-11: #DED6DE;
  --c-muted-12: #E6EAEE;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Blizzard (#E6EAEE) bis zum dunkelsten Ton Mystical Shadow (#392C31). Sie vereint Mystical Shadow, Funkie Friday, Foggy London, Equinox, Taiga, Monument, Ballroom Slippers, Silver Sconce, Masked Mauve, Pale Petals, Titan White und Blizzard in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #392C31 auf #E6EAEE mit 11:1.

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

Farben im Detail

Mystical Shadow #392C31

RGB: rgb(57, 44, 49)
HSL: hsl(337, 13%, 20%)
Luminanz: 0,029

Funkie Friday #4A3C4A

RGB: rgb(74, 60, 74)
HSL: hsl(300, 10%, 26%)
Luminanz: 0,052

Foggy London #5A555A

RGB: rgb(90, 85, 90)
HSL: hsl(300, 3%, 34%)
Luminanz: 0,094

Equinox #62696A

RGB: rgb(98, 105, 106)
HSL: hsl(188, 4%, 40%)
Luminanz: 0,137

Taiga #73817B

RGB: rgb(115, 129, 123)
HSL: hsl(154, 6%, 48%)
Luminanz: 0,208

Monument #83898B

RGB: rgb(131, 137, 139)
HSL: hsl(195, 3%, 53%)
Luminanz: 0,246

Ballroom Slippers #83918B

RGB: rgb(131, 145, 139)
HSL: hsl(154, 6%, 54%)
Luminanz: 0,269

Silver Sconce #A49DA4

RGB: rgb(164, 157, 164)
HSL: hsl(300, 4%, 63%)
Luminanz: 0,347

Masked Mauve #C5B2BD

RGB: rgb(197, 178, 189)
HSL: hsl(325, 14%, 74%)
Luminanz: 0,474

Pale Petals #D5BECD

RGB: rgb(213, 190, 205)
HSL: hsl(321, 21%, 79%)
Luminanz: 0,554

Titan White #DED6DE

RGB: rgb(222, 214, 222)
HSL: hsl(300, 11%, 85%)
Luminanz: 0,689

Blizzard #E6EAEE

RGB: rgb(230, 234, 238)
HSL: hsl(210, 19%, 92%)
Luminanz: 0,818

Kontrast & Barrierefreiheit

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

Aa #392C31 auf #E6EAEE 11,00:1 AAA

Aa #392C31 auf #DED6DE 9,36:1 AAA

Aa #4A3C4A auf #E6EAEE 8,53:1 AAA

Aa #392C31 auf #D5BECD 7,65:1 AAA

Aa #4A3C4A auf #DED6DE 7,26:1 AAA

Aa #392C31 auf #C5B2BD 6,64:1 AA

Aa #5A555A auf #E6EAEE 6,03:1 AA

Aa #4A3C4A auf #D5BECD 5,93:1 AA

Aa #4A3C4A auf #C5B2BD 5,14:1 AA

Aa #5A555A auf #DED6DE 5,13:1 AA

Aa #392C31 auf #A49DA4 5,03:1 AA

Aa #62696A auf #E6EAEE 4,63:1 AA

Aa #5A555A auf #D5BECD 4,19:1 AA (großer Text)

Aa #392C31 auf #83918B 4,05:1 AA (großer Text)

Aa #62696A auf #DED6DE 3,94:1 AA (großer Text)

Aa #4A3C4A auf #A49DA4 3,90:1 AA (großer Text)

Aa #392C31 auf #83898B 3,75:1 AA (großer Text)

Aa #5A555A auf #C5B2BD 3,64:1 AA (großer Text)

Aa #73817B auf #E6EAEE 3,37:1 AA (großer Text)

Aa #392C31 auf #73817B 3,27:1 AA (großer Text)

Aa #62696A auf #D5BECD 3,22:1 AA (großer Text)

Aa #4A3C4A auf #83918B 3,14:1 AA (großer Text)

Aa #83898B auf #E6EAEE 2,94:1 Nicht bestanden

Aa #4A3C4A auf #83898B 2,91:1 Nicht bestanden

Aa #73817B auf #DED6DE 2,87:1 Nicht bestanden

Aa #62696A auf #C5B2BD 2,80:1 Nicht bestanden

Aa #5A555A auf #A49DA4 2,75:1 Nicht bestanden

Aa #83918B auf #E6EAEE 2,72:1 Nicht bestanden

Aa #4A3C4A auf #73817B 2,53:1 Nicht bestanden

Aa #83898B auf #DED6DE 2,50:1 Nicht bestanden

Aa #392C31 auf #62696A 2,37:1 Nicht bestanden

Aa #73817B auf #D5BECD 2,34:1 Nicht bestanden

Aa #83918B auf #DED6DE 2,31:1 Nicht bestanden

Aa #5A555A auf #83918B 2,22:1 Nicht bestanden

Aa #A49DA4 auf #E6EAEE 2,19:1 Nicht bestanden

Aa #62696A auf #A49DA4 2,12:1 Nicht bestanden

Aa #5A555A auf #83898B 2,05:1 Nicht bestanden

Aa #83898B auf #D5BECD 2,04:1 Nicht bestanden

Aa #73817B auf #C5B2BD 2,03:1 Nicht bestanden

Aa #83918B auf #D5BECD 1,89:1 Nicht bestanden

Aa #A49DA4 auf #DED6DE 1,86:1 Nicht bestanden

Aa #4A3C4A auf #62696A 1,84:1 Nicht bestanden

Aa #392C31 auf #5A555A 1,83:1 Nicht bestanden

Aa #5A555A auf #73817B 1,79:1 Nicht bestanden

Aa #83898B auf #C5B2BD 1,77:1 Nicht bestanden

Aa #62696A auf #83918B 1,70:1 Nicht bestanden

Aa #C5B2BD auf #E6EAEE 1,66:1 Nicht bestanden

Aa #83918B auf #C5B2BD 1,64:1 Nicht bestanden

Aa #62696A auf #83898B 1,58:1 Nicht bestanden

Aa #73817B auf #A49DA4 1,54:1 Nicht bestanden

Aa #A49DA4 auf #D5BECD 1,52:1 Nicht bestanden

Aa #D5BECD auf #E6EAEE 1,44:1 Nicht bestanden

Aa #4A3C4A auf #5A555A 1,42:1 Nicht bestanden

Aa #C5B2BD auf #DED6DE 1,41:1 Nicht bestanden

Aa #62696A auf #73817B 1,38:1 Nicht bestanden

Aa #83898B auf #A49DA4 1,34:1 Nicht bestanden

Aa #A49DA4 auf #C5B2BD 1,32:1 Nicht bestanden

Aa #5A555A auf #62696A 1,30:1 Nicht bestanden

Aa #392C31 auf #4A3C4A 1,29:1 Nicht bestanden

Aa #73817B auf #83918B 1,24:1 Nicht bestanden

Aa #83918B auf #A49DA4 1,24:1 Nicht bestanden

Aa #D5BECD auf #DED6DE 1,22:1 Nicht bestanden

Aa #DED6DE auf #E6EAEE 1,18:1 Nicht bestanden

Aa #73817B auf #83898B 1,15:1 Nicht bestanden

Aa #C5B2BD auf #D5BECD 1,15:1 Nicht bestanden

Aa #83898B auf #83918B 1,08:1 Nicht bestanden

EPHEMERA

EPHEMERA

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen