Startseite Farbpaletten TY Glass Feelings 12

TY Glass Feelings 12

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

TY Glass Feelings 12

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 12 Farben Warm Gemischt Analog

Likes 8

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #DFD8C0;
  --c-earthy-2: #B1B094;
  --c-earthy-3: #827463;
  --c-earthy-4: #494435;
  --c-earthy-5: #AC8642;
  --c-earthy-6: #725356;
  --c-earthy-7: #4E372C;
  --c-earthy-8: #728582;
  --c-earthy-9: #4B584F;
  --c-earthy-10: #41435A;
  --c-earthy-11: #1A2F27;
  --c-earthy-12: #000000;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Dream Grass (#DFD8C0) bis zum dunkelsten Ton Black (#000000). Sie vereint Dream Grass, Dill Seed, Dinosaur Bone, Ruggero Grey, Indian Spice, Night Romance, Bramble Bush, Armour, Black Spruce, Amphystine, Cardin Green und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DFD8C0 auf #000000 mit 14,72:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Dream Grass #DFD8C0

RGB: rgb(223, 216, 192)
HSL: hsl(46, 33%, 81%)
Luminanz: 0,686

Dill Seed #B1B094

RGB: rgb(177, 176, 148)
HSL: hsl(58, 16%, 64%)
Luminanz: 0,425

Dinosaur Bone #827463

RGB: rgb(130, 116, 99)
HSL: hsl(33, 14%, 45%)
Luminanz: 0,181

Ruggero Grey #494435

RGB: rgb(73, 68, 53)
HSL: hsl(45, 16%, 25%)
Luminanz: 0,058

Indian Spice #AC8642

RGB: rgb(172, 134, 66)
HSL: hsl(38, 45%, 47%)
Luminanz: 0,262

Night Romance #725356

RGB: rgb(114, 83, 86)
HSL: hsl(354, 16%, 39%)
Luminanz: 0,104

Bramble Bush #4E372C

RGB: rgb(78, 55, 44)
HSL: hsl(19, 28%, 24%)
Luminanz: 0,045

Armour #728582

RGB: rgb(114, 133, 130)
HSL: hsl(171, 8%, 48%)
Luminanz: 0,220

Black Spruce #4B584F

RGB: rgb(75, 88, 79)
HSL: hsl(138, 8%, 32%)
Luminanz: 0,090

Amphystine #41435A

RGB: rgb(65, 67, 90)
HSL: hsl(235, 16%, 30%)
Luminanz: 0,059

Cardin Green #1A2F27

RGB: rgb(26, 47, 39)
HSL: hsl(157, 29%, 14%)
Luminanz: 0,024

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #DFD8C0 auf #000000 14,72:1 AAA

Aa #DFD8C0 auf #1A2F27 9,95:1 AAA

Aa #B1B094 auf #000000 9,51:1 AAA

Aa #DFD8C0 auf #4E372C 7,72:1 AAA

Aa #DFD8C0 auf #494435 6,81:1 AA

Aa #DFD8C0 auf #41435A 6,77:1 AA

Aa #B1B094 auf #1A2F27 6,42:1 AA

Aa #AC8642 auf #000000 6,24:1 AA

Aa #728582 auf #000000 5,39:1 AA

Aa #DFD8C0 auf #4B584F 5,24:1 AA

Aa #B1B094 auf #4E372C 4,99:1 AA

Aa #DFD8C0 auf #725356 4,77:1 AA

Aa #827463 auf #000000 4,63:1 AA

Aa #B1B094 auf #494435 4,40:1 AA (großer Text)

Aa #B1B094 auf #41435A 4,37:1 AA (großer Text)

Aa #AC8642 auf #1A2F27 4,22:1 AA (großer Text)

Aa #728582 auf #1A2F27 3,64:1 AA (großer Text)

Aa #B1B094 auf #4B584F 3,39:1 AA (großer Text)

Aa #AC8642 auf #4E372C 3,27:1 AA (großer Text)

Aa #DFD8C0 auf #827463 3,18:1 AA (großer Text)

Aa #827463 auf #1A2F27 3,13:1 AA (großer Text)

Aa #725356 auf #000000 3,09:1 AA (großer Text)

Aa #B1B094 auf #725356 3,08:1 AA (großer Text)

Aa #494435 auf #AC8642 2,89:1 Nicht bestanden

Aa #AC8642 auf #41435A 2,87:1 Nicht bestanden

Aa #4E372C auf #728582 2,83:1 Nicht bestanden

Aa #4B584F auf #000000 2,81:1 Nicht bestanden

Aa #DFD8C0 auf #728582 2,73:1 Nicht bestanden

Aa #494435 auf #728582 2,49:1 Nicht bestanden

Aa #728582 auf #41435A 2,48:1 Nicht bestanden

Aa #827463 auf #4E372C 2,43:1 Nicht bestanden

Aa #DFD8C0 auf #AC8642 2,36:1 Nicht bestanden

Aa #AC8642 auf #4B584F 2,22:1 Nicht bestanden

Aa #41435A auf #000000 2,18:1 Nicht bestanden

Aa #494435 auf #000000 2,16:1 Nicht bestanden

Aa #827463 auf #494435 2,14:1 Nicht bestanden

Aa #827463 auf #41435A 2,13:1 Nicht bestanden

Aa #725356 auf #1A2F27 2,09:1 Nicht bestanden

Aa #B1B094 auf #827463 2,05:1 Nicht bestanden

Aa #AC8642 auf #725356 2,02:1 Nicht bestanden

Aa #728582 auf #4B584F 1,92:1 Nicht bestanden

Aa #4E372C auf #000000 1,91:1 Nicht bestanden

Aa #4B584F auf #1A2F27 1,90:1 Nicht bestanden

Aa #B1B094 auf #728582 1,76:1 Nicht bestanden

Aa #725356 auf #728582 1,75:1 Nicht bestanden

Aa #827463 auf #4B584F 1,65:1 Nicht bestanden

Aa #725356 auf #4E372C 1,62:1 Nicht bestanden

Aa #DFD8C0 auf #B1B094 1,55:1 Nicht bestanden

Aa #B1B094 auf #AC8642 1,52:1 Nicht bestanden

Aa #827463 auf #725356 1,50:1 Nicht bestanden

Aa #1A2F27 auf #000000 1,48:1 Nicht bestanden

Aa #4E372C auf #4B584F 1,47:1 Nicht bestanden

Aa #41435A auf #1A2F27 1,47:1 Nicht bestanden

Aa #494435 auf #1A2F27 1,46:1 Nicht bestanden

Aa #494435 auf #725356 1,43:1 Nicht bestanden

Aa #725356 auf #41435A 1,42:1 Nicht bestanden

Aa #827463 auf #AC8642 1,35:1 Nicht bestanden

Aa #494435 auf #4B584F 1,30:1 Nicht bestanden

Aa #4E372C auf #1A2F27 1,29:1 Nicht bestanden

Aa #4B584F auf #41435A 1,29:1 Nicht bestanden

Aa #827463 auf #728582 1,17:1 Nicht bestanden

Aa #AC8642 auf #728582 1,16:1 Nicht bestanden

Aa #4E372C auf #41435A 1,14:1 Nicht bestanden

Aa #494435 auf #4E372C 1,13:1 Nicht bestanden

Aa #725356 auf #4B584F 1,10:1 Nicht bestanden

Aa #494435 auf #41435A 1,01:1 Nicht bestanden

TY Glass Feelings 12