Deserted

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

Zurück zur Bibliothek

Deserted

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog pixelart desert dry surreal

Likes 22

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FADBE6;
  --c-earthy-2: #EDCAC5;
  --c-earthy-3: #CC9995;
  --c-earthy-4: #C97655;
  --c-earthy-5: #B36A5E;
  --c-earthy-6: #3C1F19;
  --c-earthy-7: #532E27;
  --c-earthy-8: #953D2D;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Cherry Flower (#FADBE6) bis zum dunkelsten Ton Scorched (#3C1F19). Sie vereint Cherry Flower, Fairy Floss, Silk Stone, Nicotine Glaze, Peach Dunes, Scorched, Momoshio Brown und Brick Paver in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FADBE6 auf #3C1F19 mit 11,65: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

Cherry Flower #FADBE6

RGB: rgb(250, 219, 230)
HSL: hsl(339, 76%, 92%)
Luminanz: 0,767

Fairy Floss #EDCAC5

RGB: rgb(237, 202, 197)
HSL: hsl(7, 53%, 85%)
Luminanz: 0,643

Silk Stone #CC9995

RGB: rgb(204, 153, 149)
HSL: hsl(4, 35%, 69%)
Luminanz: 0,378

Nicotine Glaze #C97655

RGB: rgb(201, 118, 85)
HSL: hsl(17, 52%, 56%)
Luminanz: 0,260

Peach Dunes #B36A5E

RGB: rgb(179, 106, 94)
HSL: hsl(8, 36%, 54%)
Luminanz: 0,207

Scorched #3C1F19

RGB: rgb(60, 31, 25)
HSL: hsl(10, 41%, 17%)
Luminanz: 0,020

Momoshio Brown #532E27

RGB: rgb(83, 46, 39)
HSL: hsl(10, 36%, 24%)
Luminanz: 0,039

Brick Paver #953D2D

RGB: rgb(149, 61, 45)
HSL: hsl(9, 54%, 38%)
Luminanz: 0,099

Kontrast & Barrierefreiheit

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

Aa #FADBE6 auf #3C1F19 11,65:1 AAA

Aa #EDCAC5 auf #3C1F19 9,88:1 AAA

Aa #FADBE6 auf #532E27 9,14:1 AAA

Aa #EDCAC5 auf #532E27 7,75:1 AAA

Aa #CC9995 auf #3C1F19 6,10:1 AA

Aa #FADBE6 auf #953D2D 5,48:1 AA

Aa #CC9995 auf #532E27 4,79:1 AA

Aa #EDCAC5 auf #953D2D 4,64:1 AA

Aa #C97655 auf #3C1F19 4,43:1 AA (großer Text)

Aa #B36A5E auf #3C1F19 3,67:1 AA (großer Text)

Aa #C97655 auf #532E27 3,47:1 AA (großer Text)

Aa #FADBE6 auf #B36A5E 3,18:1 AA (großer Text)

Aa #CC9995 auf #953D2D 2,87:1 Nicht bestanden

Aa #B36A5E auf #532E27 2,87:1 Nicht bestanden

Aa #EDCAC5 auf #B36A5E 2,70:1 Nicht bestanden

Aa #FADBE6 auf #C97655 2,63:1 Nicht bestanden

Aa #EDCAC5 auf #C97655 2,23:1 Nicht bestanden

Aa #3C1F19 auf #953D2D 2,13:1 Nicht bestanden

Aa #C97655 auf #953D2D 2,08:1 Nicht bestanden

Aa #FADBE6 auf #CC9995 1,91:1 Nicht bestanden

Aa #B36A5E auf #953D2D 1,72:1 Nicht bestanden

Aa #532E27 auf #953D2D 1,67:1 Nicht bestanden

Aa #CC9995 auf #B36A5E 1,66:1 Nicht bestanden

Aa #EDCAC5 auf #CC9995 1,62:1 Nicht bestanden

Aa #CC9995 auf #C97655 1,38:1 Nicht bestanden

Aa #3C1F19 auf #532E27 1,28:1 Nicht bestanden

Aa #C97655 auf #B36A5E 1,21:1 Nicht bestanden

Aa #FADBE6 auf #EDCAC5 1,18:1 Nicht bestanden

Deserted

Deserted

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen