Startseite Farbpaletten PaletaOscuraDeGoya

PaletaOscuraDeGoya

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

PaletaOscuraDeGoya

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 12 Farben Warm Gemischt Komplementär septemberstudypalettecontest

Likes 45

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #DFE0C5;
  --c-muted-2: #080807;
  --c-muted-3: #262722;
  --c-muted-4: #CDC2AA;
  --c-muted-5: #B8C9CD;
  --c-muted-6: #CDC09C;
  --c-muted-7: #9E9479;
  --c-muted-8: #70614B;
  --c-muted-9: #C1A066;
  --c-muted-10: #93815D;
  --c-muted-11: #E0CAA6;
  --c-muted-12: #932E1F;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Marble Grape (#DFE0C5) bis zum dunkelsten Ton Accursed Black (#080807). Sie vereint Marble Grape, Accursed Black, Nero, Threaded Loom, Adorbs, Tumbling Tumbleweed, Lye, Soya Bean, Desert Moss, Gingko Tree, Hearth und Saffronaut in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DFE0C5 auf #080807 mit 14,89:1.

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

Farben im Detail

Marble Grape #DFE0C5

RGB: rgb(223, 224, 197)
HSL: hsl(62, 30%, 83%)
Luminanz: 0,730

Accursed Black #080807

RGB: rgb(8, 8, 7)
HSL: hsl(60, 7%, 3%)
Luminanz: 0,002

Nero #262722

RGB: rgb(38, 39, 34)
HSL: hsl(72, 7%, 14%)
Luminanz: 0,020

Threaded Loom #CDC2AA

RGB: rgb(205, 194, 170)
HSL: hsl(41, 26%, 74%)
Luminanz: 0,545

Adorbs #B8C9CD

RGB: rgb(184, 201, 205)
HSL: hsl(191, 17%, 76%)
Luminanz: 0,564

Tumbling Tumbleweed #CDC09C

RGB: rgb(205, 192, 156)
HSL: hsl(44, 33%, 71%)
Luminanz: 0,531

Lye #9E9479

RGB: rgb(158, 148, 121)
HSL: hsl(44, 16%, 55%)
Luminanz: 0,298

Soya Bean #70614B

RGB: rgb(112, 97, 75)
HSL: hsl(36, 20%, 37%)
Luminanz: 0,125

Desert Moss #C1A066

RGB: rgb(193, 160, 102)
HSL: hsl(38, 42%, 58%)
Luminanz: 0,374

Gingko Tree #93815D

RGB: rgb(147, 129, 93)
HSL: hsl(40, 23%, 47%)
Luminanz: 0,227

Hearth #E0CAA6

RGB: rgb(224, 202, 166)
HSL: hsl(37, 48%, 76%)
Luminanz: 0,608

Saffronaut #932E1F

RGB: rgb(147, 46, 31)
HSL: hsl(8, 65%, 35%)
Luminanz: 0,083

Kontrast & Barrierefreiheit

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

Aa #DFE0C5 auf #080807 14,89:1 AAA

Aa #080807 auf #E0CAA6 12,56:1 AAA

Aa #080807 auf #B8C9CD 11,71:1 AAA

Aa #080807 auf #CDC2AA 11,35:1 AAA

Aa #DFE0C5 auf #262722 11,18:1 AAA

Aa #080807 auf #CDC09C 11,08:1 AAA

Aa #262722 auf #E0CAA6 9,43:1 AAA

Aa #262722 auf #B8C9CD 8,79:1 AAA

Aa #262722 auf #CDC2AA 8,52:1 AAA

Aa #262722 auf #CDC09C 8,32:1 AAA

Aa #080807 auf #C1A066 8,10:1 AAA

Aa #080807 auf #9E9479 6,65:1 AA

Aa #262722 auf #C1A066 6,08:1 AA

Aa #DFE0C5 auf #932E1F 5,89:1 AA

Aa #080807 auf #93815D 5,28:1 AA

Aa #262722 auf #9E9479 4,99:1 AA

Aa #E0CAA6 auf #932E1F 4,97:1 AA

Aa #B8C9CD auf #932E1F 4,63:1 AA

Aa #CDC2AA auf #932E1F 4,49:1 AA (großer Text)

Aa #DFE0C5 auf #70614B 4,46:1 AA (großer Text)

Aa #CDC09C auf #932E1F 4,38:1 AA (großer Text)

Aa #262722 auf #93815D 3,97:1 AA (großer Text)

Aa #70614B auf #E0CAA6 3,76:1 AA (großer Text)

Aa #B8C9CD auf #70614B 3,51:1 AA (großer Text)

Aa #CDC2AA auf #70614B 3,40:1 AA (großer Text)

Aa #080807 auf #70614B 3,34:1 AA (großer Text)

Aa #CDC09C auf #70614B 3,32:1 AA (großer Text)

Aa #C1A066 auf #932E1F 3,20:1 AA (großer Text)

Aa #DFE0C5 auf #93815D 2,82:1 Nicht bestanden

Aa #9E9479 auf #932E1F 2,63:1 Nicht bestanden

Aa #080807 auf #932E1F 2,53:1 Nicht bestanden

Aa #262722 auf #70614B 2,51:1 Nicht bestanden

Aa #70614B auf #C1A066 2,42:1 Nicht bestanden

Aa #93815D auf #E0CAA6 2,38:1 Nicht bestanden

Aa #DFE0C5 auf #9E9479 2,24:1 Nicht bestanden

Aa #B8C9CD auf #93815D 2,22:1 Nicht bestanden

Aa #CDC2AA auf #93815D 2,15:1 Nicht bestanden

Aa #CDC09C auf #93815D 2,10:1 Nicht bestanden

Aa #93815D auf #932E1F 2,09:1 Nicht bestanden

Aa #9E9479 auf #70614B 1,99:1 Nicht bestanden

Aa #262722 auf #932E1F 1,90:1 Nicht bestanden

Aa #9E9479 auf #E0CAA6 1,89:1 Nicht bestanden

Aa #DFE0C5 auf #C1A066 1,84:1 Nicht bestanden

Aa #B8C9CD auf #9E9479 1,76:1 Nicht bestanden

Aa #CDC2AA auf #9E9479 1,71:1 Nicht bestanden

Aa #CDC09C auf #9E9479 1,67:1 Nicht bestanden

Aa #70614B auf #93815D 1,58:1 Nicht bestanden

Aa #C1A066 auf #E0CAA6 1,55:1 Nicht bestanden

Aa #C1A066 auf #93815D 1,53:1 Nicht bestanden

Aa #B8C9CD auf #C1A066 1,45:1 Nicht bestanden

Aa #CDC2AA auf #C1A066 1,40:1 Nicht bestanden

Aa #CDC09C auf #C1A066 1,37:1 Nicht bestanden

Aa #DFE0C5 auf #CDC09C 1,34:1 Nicht bestanden

Aa #080807 auf #262722 1,33:1 Nicht bestanden

Aa #70614B auf #932E1F 1,32:1 Nicht bestanden

Aa #DFE0C5 auf #CDC2AA 1,31:1 Nicht bestanden

Aa #DFE0C5 auf #B8C9CD 1,27:1 Nicht bestanden

Aa #9E9479 auf #93815D 1,26:1 Nicht bestanden

Aa #9E9479 auf #C1A066 1,22:1 Nicht bestanden

Aa #DFE0C5 auf #E0CAA6 1,19:1 Nicht bestanden

Aa #CDC09C auf #E0CAA6 1,13:1 Nicht bestanden

Aa #CDC2AA auf #E0CAA6 1,11:1 Nicht bestanden

Aa #B8C9CD auf #E0CAA6 1,07:1 Nicht bestanden

Aa #B8C9CD auf #CDC09C 1,06:1 Nicht bestanden

Aa #CDC2AA auf #B8C9CD 1,03:1 Nicht bestanden

Aa #CDC2AA auf #CDC09C 1,02:1 Nicht bestanden

PaletaOscuraDeGoya