Startseite Farbpaletten Smoke: It's OK To Feel

Smoke: It's OK To Feel

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

Zurück zur Bibliothek

Smoke: It's OK To Feel

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog

Likes 21

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #3A1220;
  --c-earthy-2: #532620;
  --c-earthy-3: #784420;
  --c-earthy-4: #9F6624;
  --c-earthy-5: #BC8A45;
  --c-earthy-6: #D8B686;
  --c-earthy-7: #EFE1CC;
  --c-earthy-8: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Chocolate Kiss (#3A1220). Sie vereint Chocolate Kiss, Torrefacto Roast, Walnut, Stage Gold, Antiquarian Gold, Dubloon, Ivory Stone und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3A1220 auf #FFFFFF mit 16,31: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

Chocolate Kiss #3A1220

RGB: rgb(58, 18, 32)
HSL: hsl(339, 53%, 15%)
Luminanz: 0,014

Torrefacto Roast #532620

RGB: rgb(83, 38, 32)
HSL: hsl(7, 44%, 23%)
Luminanz: 0,033

Walnut #784420

RGB: rgb(120, 68, 32)
HSL: hsl(25, 58%, 30%)
Luminanz: 0,082

Stage Gold #9F6624

RGB: rgb(159, 102, 36)
HSL: hsl(32, 63%, 38%)
Luminanz: 0,170

Antiquarian Gold #BC8A45

RGB: rgb(188, 138, 69)
HSL: hsl(35, 47%, 50%)
Luminanz: 0,293

Dubloon #D8B686

RGB: rgb(216, 182, 134)
HSL: hsl(35, 51%, 69%)
Luminanz: 0,498

Ivory Stone #EFE1CC

RGB: rgb(239, 225, 204)
HSL: hsl(36, 52%, 87%)
Luminanz: 0,766

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #3A1220 auf #FFFFFF 16,31:1 AAA

Aa #3A1220 auf #EFE1CC 12,67:1 AAA

Aa #532620 auf #FFFFFF 12,61:1 AAA

Aa #532620 auf #EFE1CC 9,79:1 AAA

Aa #3A1220 auf #D8B686 8,51:1 AAA

Aa #784420 auf #FFFFFF 7,94:1 AAA

Aa #532620 auf #D8B686 6,58:1 AA

Aa #784420 auf #EFE1CC 6,16:1 AA

Aa #3A1220 auf #BC8A45 5,33:1 AA

Aa #9F6624 auf #FFFFFF 4,77:1 AA

Aa #784420 auf #D8B686 4,14:1 AA (großer Text)

Aa #532620 auf #BC8A45 4,12:1 AA (großer Text)

Aa #9F6624 auf #EFE1CC 3,71:1 AA (großer Text)

Aa #3A1220 auf #9F6624 3,42:1 AA (großer Text)

Aa #BC8A45 auf #FFFFFF 3,06:1 AA (großer Text)

Aa #532620 auf #9F6624 2,64:1 Nicht bestanden

Aa #784420 auf #BC8A45 2,59:1 Nicht bestanden

Aa #9F6624 auf #D8B686 2,49:1 Nicht bestanden

Aa #BC8A45 auf #EFE1CC 2,38:1 Nicht bestanden

Aa #3A1220 auf #784420 2,06:1 Nicht bestanden

Aa #D8B686 auf #FFFFFF 1,92:1 Nicht bestanden

Aa #784420 auf #9F6624 1,66:1 Nicht bestanden

Aa #BC8A45 auf #D8B686 1,60:1 Nicht bestanden

Aa #532620 auf #784420 1,59:1 Nicht bestanden

Aa #9F6624 auf #BC8A45 1,56:1 Nicht bestanden

Aa #D8B686 auf #EFE1CC 1,49:1 Nicht bestanden

Aa #3A1220 auf #532620 1,29:1 Nicht bestanden

Aa #EFE1CC auf #FFFFFF 1,29:1 Nicht bestanden

Smoke: It's OK To Feel