Startseite Farbpaletten Strawberry Classroom

Strawberry Classroom

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

Zurück zur Bibliothek

Strawberry Classroom

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Monochrom strawberryclassroom

Likes 48

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #2E2520;
  --c-earthy-2: #4D392F;
  --c-earthy-3: #725546;
  --c-earthy-4: #8B6756;
  --c-earthy-5: #BD8D75;
  --c-earthy-6: #FCBC9C;
  --c-earthy-7: #C88686;
  --c-earthy-8: #A15F57;
  --c-earthy-9: #79000B;
  --c-earthy-10: #979358;
  --c-earthy-11: #4A4C61;
  --c-earthy-12: #727E97;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Apricot Iced Tea (#FCBC9C) bis zum dunkelsten Ton Wood Bark (#2E2520). Sie vereint Wood Bark, Chicory Coffee, Hold Your Horses, Suede Leather, Suntan Glow, Apricot Iced Tea, All’s Ace, Savannah Red, Japanese Maple, Cardamom Green, Midnight Iris und Country Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2E2520 auf #FCBC9C mit 9,14: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

Wood Bark #2E2520

RGB: rgb(46, 37, 32)
HSL: hsl(21, 18%, 15%)
Luminanz: 0,020

Chicory Coffee #4D392F

RGB: rgb(77, 57, 47)
HSL: hsl(20, 24%, 24%)
Luminanz: 0,047

Hold Your Horses #725546

RGB: rgb(114, 85, 70)
HSL: hsl(20, 24%, 36%)
Luminanz: 0,105

Suede Leather #8B6756

RGB: rgb(139, 103, 86)
HSL: hsl(19, 24%, 44%)
Luminanz: 0,159

Suntan Glow #BD8D75

RGB: rgb(189, 141, 117)
HSL: hsl(20, 35%, 60%)
Luminanz: 0,312

Apricot Iced Tea #FCBC9C

RGB: rgb(252, 188, 156)
HSL: hsl(20, 94%, 80%)
Luminanz: 0,591

All’s Ace #C88686

RGB: rgb(200, 134, 134)
HSL: hsl(0, 38%, 65%)
Luminanz: 0,311

Savannah Red #A15F57

RGB: rgb(161, 95, 87)
HSL: hsl(6, 30%, 49%)
Luminanz: 0,165

Japanese Maple #79000B

RGB: rgb(121, 0, 11)
HSL: hsl(355, 100%, 24%)
Luminanz: 0,041

Cardamom Green #979358

RGB: rgb(151, 147, 88)
HSL: hsl(56, 26%, 47%)
Luminanz: 0,282

Midnight Iris #4A4C61

RGB: rgb(74, 76, 97)
HSL: hsl(235, 13%, 34%)
Luminanz: 0,075

Country Blue #727E97

RGB: rgb(114, 126, 151)
HSL: hsl(221, 15%, 52%)
Luminanz: 0,207

Kontrast & Barrierefreiheit

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

Aa #2E2520 auf #FCBC9C 9,14:1 AAA

Aa #FCBC9C auf #79000B 7,05:1 AAA

Aa #4D392F auf #FCBC9C 6,60:1 AA

Aa #2E2520 auf #BD8D75 5,16:1 AA

Aa #2E2520 auf #C88686 5,14:1 AA

Aa #FCBC9C auf #4A4C61 5,13:1 AA

Aa #2E2520 auf #979358 4,73:1 AA

Aa #725546 auf #FCBC9C 4,13:1 AA (großer Text)

Aa #BD8D75 auf #79000B 3,98:1 AA (großer Text)

Aa #C88686 auf #79000B 3,97:1 AA (großer Text)

Aa #4D392F auf #BD8D75 3,72:1 AA (großer Text)

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

Aa #2E2520 auf #727E97 3,67:1 AA (großer Text)

Aa #79000B auf #979358 3,65:1 AA (großer Text)

Aa #4D392F auf #979358 3,41:1 AA (großer Text)

Aa #8B6756 auf #FCBC9C 3,07:1 AA (großer Text)

Aa #2E2520 auf #A15F57 3,06:1 AA (großer Text)

Aa #FCBC9C auf #A15F57 2,99:1 Nicht bestanden

Aa #2E2520 auf #8B6756 2,98:1 Nicht bestanden

Aa #BD8D75 auf #4A4C61 2,90:1 Nicht bestanden

Aa #C88686 auf #4A4C61 2,89:1 Nicht bestanden

Aa #79000B auf #727E97 2,83:1 Nicht bestanden

Aa #4D392F auf #727E97 2,65:1 Nicht bestanden

Aa #979358 auf #4A4C61 2,65:1 Nicht bestanden

Aa #FCBC9C auf #727E97 2,49:1 Nicht bestanden

Aa #A15F57 auf #79000B 2,36:1 Nicht bestanden

Aa #725546 auf #BD8D75 2,33:1 Nicht bestanden

Aa #725546 auf #C88686 2,32:1 Nicht bestanden

Aa #8B6756 auf #79000B 2,30:1 Nicht bestanden

Aa #2E2520 auf #725546 2,21:1 Nicht bestanden

Aa #4D392F auf #A15F57 2,21:1 Nicht bestanden

Aa #4D392F auf #8B6756 2,15:1 Nicht bestanden

Aa #725546 auf #979358 2,14:1 Nicht bestanden

Aa #4A4C61 auf #727E97 2,06:1 Nicht bestanden

Aa #FCBC9C auf #979358 1,93:1 Nicht bestanden

Aa #2E2520 auf #4A4C61 1,78:1 Nicht bestanden

Aa #FCBC9C auf #C88686 1,78:1 Nicht bestanden

Aa #BD8D75 auf #FCBC9C 1,77:1 Nicht bestanden

Aa #8B6756 auf #BD8D75 1,73:1 Nicht bestanden

Aa #8B6756 auf #C88686 1,73:1 Nicht bestanden

Aa #A15F57 auf #4A4C61 1,72:1 Nicht bestanden

Aa #725546 auf #79000B 1,71:1 Nicht bestanden

Aa #BD8D75 auf #A15F57 1,69:1 Nicht bestanden

Aa #C88686 auf #A15F57 1,68:1 Nicht bestanden

Aa #8B6756 auf #4A4C61 1,67:1 Nicht bestanden

Aa #725546 auf #727E97 1,66:1 Nicht bestanden

Aa #4D392F auf #725546 1,60:1 Nicht bestanden

Aa #8B6756 auf #979358 1,59:1 Nicht bestanden

Aa #A15F57 auf #979358 1,55:1 Nicht bestanden

Aa #BD8D75 auf #727E97 1,40:1 Nicht bestanden

Aa #C88686 auf #727E97 1,40:1 Nicht bestanden

Aa #2E2520 auf #4D392F 1,39:1 Nicht bestanden

Aa #725546 auf #A15F57 1,38:1 Nicht bestanden

Aa #79000B auf #4A4C61 1,37:1 Nicht bestanden

Aa #725546 auf #8B6756 1,34:1 Nicht bestanden

Aa #2E2520 auf #79000B 1,30:1 Nicht bestanden

Aa #4D392F auf #4A4C61 1,29:1 Nicht bestanden

Aa #979358 auf #727E97 1,29:1 Nicht bestanden

Aa #725546 auf #4A4C61 1,24:1 Nicht bestanden

Aa #8B6756 auf #727E97 1,23:1 Nicht bestanden

Aa #A15F57 auf #727E97 1,20:1 Nicht bestanden

Aa #BD8D75 auf #979358 1,09:1 Nicht bestanden

Aa #C88686 auf #979358 1,09:1 Nicht bestanden

Aa #4D392F auf #79000B 1,07:1 Nicht bestanden

Aa #8B6756 auf #A15F57 1,03:1 Nicht bestanden

Aa #BD8D75 auf #C88686 1,00:1 Nicht bestanden

Strawberry Classroom