Startseite Farbpaletten Tempered Alexandrite

Tempered Alexandrite

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

Zurück zur Bibliothek

Tempered Alexandrite

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

Bearbeiten

Gedeckt 12 Farben Neutral Gemischt Monochrom novemberneutralpalettecontest

Likes 57

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #343A36;
  --c-muted-2: #747E90;
  --c-muted-3: #20211C;
  --c-muted-4: #4D5A57;
  --c-muted-5: #5A4A45;
  --c-muted-6: #A19C8C;
  --c-muted-7: #BABABA;
  --c-muted-8: #77676B;
  --c-muted-9: #988FB1;
  --c-muted-10: #3E392F;
  --c-muted-11: #98788E;
  --c-muted-12: #56524E;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Baby Talk Grey (#BABABA) bis zum dunkelsten Ton Petroleum (#20211C). Sie vereint Charcoal, Soulful Blue, Petroleum, Midnight in NY, Bear in Mind, Sacred Vortex, Baby Talk Grey, Rhapsody Rap, Greek Lavender, Fired Earth, Mountbatten Pink und Heavy Charcoal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #20211C auf #BABABA mit 8,35:1.

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

Farben im Detail

Charcoal #343A36

RGB: rgb(52, 58, 54)
HSL: hsl(140, 5%, 22%)
Luminanz: 0,040

Soulful Blue #747E90

RGB: rgb(116, 126, 144)
HSL: hsl(219, 11%, 51%)
Luminanz: 0,207

Petroleum #20211C

RGB: rgb(32, 33, 28)
HSL: hsl(72, 8%, 12%)
Luminanz: 0,015

Midnight in NY #4D5A57

RGB: rgb(77, 90, 87)
HSL: hsl(166, 8%, 33%)
Luminanz: 0,096

Bear in Mind #5A4A45

RGB: rgb(90, 74, 69)
HSL: hsl(14, 13%, 31%)
Luminanz: 0,075

Sacred Vortex #A19C8C

RGB: rgb(161, 156, 140)
HSL: hsl(46, 10%, 59%)
Luminanz: 0,333

Baby Talk Grey #BABABA

RGB: rgb(186, 186, 186)
HSL: hsl(0, 0%, 73%)
Luminanz: 0,491

Rhapsody Rap #77676B

RGB: rgb(119, 103, 107)
HSL: hsl(345, 7%, 44%)
Luminanz: 0,147

Greek Lavender #988FB1

RGB: rgb(152, 143, 177)
HSL: hsl(256, 18%, 63%)
Luminanz: 0,295

Fired Earth #3E392F

RGB: rgb(62, 57, 47)
HSL: hsl(40, 14%, 21%)
Luminanz: 0,042

Mountbatten Pink #98788E

RGB: rgb(152, 120, 142)
HSL: hsl(319, 13%, 53%)
Luminanz: 0,221

Heavy Charcoal #56524E

RGB: rgb(86, 82, 78)
HSL: hsl(30, 5%, 32%)
Luminanz: 0,086

Kontrast & Barrierefreiheit

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

Aa #20211C auf #BABABA 8,35:1 AAA

Aa #343A36 auf #BABABA 6,00:1 AA

Aa #BABABA auf #3E392F 5,91:1 AA

Aa #20211C auf #A19C8C 5,90:1 AA

Aa #20211C auf #988FB1 5,32:1 AA

Aa #5A4A45 auf #BABABA 4,33:1 AA (großer Text)

Aa #343A36 auf #A19C8C 4,24:1 AA (großer Text)

Aa #20211C auf #98788E 4,18:1 AA (großer Text)

Aa #A19C8C auf #3E392F 4,18:1 AA (großer Text)

Aa #BABABA auf #56524E 3,99:1 AA (großer Text)

Aa #747E90 auf #20211C 3,96:1 AA (großer Text)

Aa #343A36 auf #988FB1 3,82:1 AA (großer Text)

Aa #988FB1 auf #3E392F 3,77:1 AA (großer Text)

Aa #4D5A57 auf #BABABA 3,71:1 AA (großer Text)

Aa #5A4A45 auf #A19C8C 3,06:1 AA (großer Text)

Aa #20211C auf #77676B 3,04:1 AA (großer Text)

Aa #343A36 auf #98788E 3,00:1 AA (großer Text)

Aa #3E392F auf #98788E 2,96:1 Nicht bestanden

Aa #343A36 auf #747E90 2,84:1 Nicht bestanden

Aa #A19C8C auf #56524E 2,82:1 Nicht bestanden

Aa #747E90 auf #3E392F 2,80:1 Nicht bestanden

Aa #5A4A45 auf #988FB1 2,76:1 Nicht bestanden

Aa #BABABA auf #77676B 2,75:1 Nicht bestanden

Aa #4D5A57 auf #A19C8C 2,62:1 Nicht bestanden

Aa #988FB1 auf #56524E 2,54:1 Nicht bestanden

Aa #4D5A57 auf #988FB1 2,37:1 Nicht bestanden

Aa #20211C auf #4D5A57 2,25:1 Nicht bestanden

Aa #343A36 auf #77676B 2,18:1 Nicht bestanden

Aa #5A4A45 auf #98788E 2,16:1 Nicht bestanden

Aa #77676B auf #3E392F 2,15:1 Nicht bestanden

Aa #747E90 auf #BABABA 2,11:1 Nicht bestanden

Aa #20211C auf #56524E 2,09:1 Nicht bestanden

Aa #747E90 auf #5A4A45 2,05:1 Nicht bestanden

Aa #BABABA auf #98788E 2,00:1 Nicht bestanden

Aa #98788E auf #56524E 2,00:1 Nicht bestanden

Aa #A19C8C auf #77676B 1,94:1 Nicht bestanden

Aa #20211C auf #5A4A45 1,93:1 Nicht bestanden

Aa #747E90 auf #56524E 1,89:1 Nicht bestanden

Aa #4D5A57 auf #98788E 1,86:1 Nicht bestanden

Aa #747E90 auf #4D5A57 1,76:1 Nicht bestanden

Aa #77676B auf #988FB1 1,75:1 Nicht bestanden

Aa #343A36 auf #4D5A57 1,62:1 Nicht bestanden

Aa #4D5A57 auf #3E392F 1,59:1 Nicht bestanden

Aa #5A4A45 auf #77676B 1,57:1 Nicht bestanden

Aa #BABABA auf #988FB1 1,57:1 Nicht bestanden

Aa #343A36 auf #56524E 1,50:1 Nicht bestanden

Aa #747E90 auf #A19C8C 1,49:1 Nicht bestanden

Aa #3E392F auf #56524E 1,48:1 Nicht bestanden

Aa #77676B auf #56524E 1,45:1 Nicht bestanden

Aa #20211C auf #3E392F 1,41:1 Nicht bestanden

Aa #A19C8C auf #BABABA 1,41:1 Nicht bestanden

Aa #A19C8C auf #98788E 1,41:1 Nicht bestanden

Aa #343A36 auf #20211C 1,39:1 Nicht bestanden

Aa #343A36 auf #5A4A45 1,39:1 Nicht bestanden

Aa #5A4A45 auf #3E392F 1,37:1 Nicht bestanden

Aa #77676B auf #98788E 1,37:1 Nicht bestanden

Aa #4D5A57 auf #77676B 1,35:1 Nicht bestanden

Aa #747E90 auf #988FB1 1,34:1 Nicht bestanden

Aa #747E90 auf #77676B 1,30:1 Nicht bestanden

Aa #988FB1 auf #98788E 1,27:1 Nicht bestanden

Aa #4D5A57 auf #5A4A45 1,17:1 Nicht bestanden

Aa #A19C8C auf #988FB1 1,11:1 Nicht bestanden

Aa #5A4A45 auf #56524E 1,08:1 Nicht bestanden

Aa #4D5A57 auf #56524E 1,07:1 Nicht bestanden

Aa #747E90 auf #98788E 1,06:1 Nicht bestanden

Aa #343A36 auf #3E392F 1,01:1 Nicht bestanden

Tempered Alexandrite