Startseite Farbpaletten Ancient Interface

Ancient Interface

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

Zurück zur Bibliothek

Ancient Interface

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

Bearbeiten

Erdig 11 Farben Warm Gemischt Analog pixelart interface ui orange

Likes 33

Farben 11

CSS-Variablen

:root {
  --c-earthy-1: #DBB6B6;
  --c-earthy-2: #B69292;
  --c-earthy-3: #926D6D;
  --c-earthy-4: #6D4949;
  --c-earthy-5: #FFFFB6;
  --c-earthy-6: #FFDB92;
  --c-earthy-7: #FF9224;
  --c-earthy-8: #DB6D24;
  --c-earthy-9: #B62424;
  --c-earthy-10: #6D2424;
  --c-earthy-11: #000000;
}

Über diese Palette

Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Crème (#FFFFB6) bis zum dunkelsten Ton Black (#000000). Sie vereint Rose Coloured, Cherry Taupe, Moss Rose, Painite, Crème, Cha-Cha-Cha, Texas Sunset, Lusty Orange, Flamingo Fervour, Spanish Tile und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFB6 auf #000000 mit 20,23: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

Rose Coloured #DBB6B6

RGB: rgb(219, 182, 182)
HSL: hsl(0, 34%, 79%)
Luminanz: 0,519

Cherry Taupe #B69292

RGB: rgb(182, 146, 146)
HSL: hsl(0, 20%, 64%)
Luminanz: 0,326

Moss Rose #926D6D

RGB: rgb(146, 109, 109)
HSL: hsl(0, 15%, 50%)
Luminanz: 0,182

Painite #6D4949

RGB: rgb(109, 73, 73)
HSL: hsl(0, 20%, 36%)
Luminanz: 0,085

Crème #FFFFB6

RGB: rgb(255, 255, 182)
HSL: hsl(60, 100%, 86%)
Luminanz: 0,962

Cha-Cha-Cha #FFDB92

RGB: rgb(255, 219, 146)
HSL: hsl(40, 100%, 79%)
Luminanz: 0,740

Texas Sunset #FF9224

RGB: rgb(255, 146, 36)
HSL: hsl(30, 100%, 57%)
Luminanz: 0,420

Lusty Orange #DB6D24

RGB: rgb(219, 109, 36)
HSL: hsl(24, 72%, 50%)
Luminanz: 0,261

Flamingo Fervour #B62424

RGB: rgb(182, 36, 36)
HSL: hsl(0, 67%, 43%)
Luminanz: 0,113

Spanish Tile #6D2424

RGB: rgb(109, 36, 36)
HSL: hsl(0, 50%, 28%)
Luminanz: 0,046

Black #000000

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

Kontrast & Barrierefreiheit

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

Aa #FFFFB6 auf #000000 20,23:1 AAA

Aa #FFDB92 auf #000000 15,80:1 AAA

Aa #DBB6B6 auf #000000 11,38:1 AAA

Aa #FFFFB6 auf #6D2424 10,49:1 AAA

Aa #FF9224 auf #000000 9,39:1 AAA

Aa #FFDB92 auf #6D2424 8,19:1 AAA

Aa #B69292 auf #000000 7,52:1 AAA

Aa #6D4949 auf #FFFFB6 7,49:1 AAA

Aa #DB6D24 auf #000000 6,22:1 AA

Aa #FFFFB6 auf #B62424 6,19:1 AA

Aa #DBB6B6 auf #6D2424 5,90:1 AA

Aa #6D4949 auf #FFDB92 5,85:1 AA

Aa #FF9224 auf #6D2424 4,87:1 AA

Aa #FFDB92 auf #B62424 4,84:1 AA

Aa #926D6D auf #000000 4,63:1 AA

Aa #926D6D auf #FFFFB6 4,37:1 AA (großer Text)

Aa #DBB6B6 auf #6D4949 4,22:1 AA (großer Text)

Aa #B69292 auf #6D2424 3,90:1 AA (großer Text)

Aa #DBB6B6 auf #B62424 3,48:1 AA (großer Text)

Aa #6D4949 auf #FF9224 3,48:1 AA (großer Text)

Aa #926D6D auf #FFDB92 3,41:1 AA (großer Text)

Aa #B62424 auf #000000 3,27:1 AA (großer Text)

Aa #FFFFB6 auf #DB6D24 3,25:1 AA (großer Text)

Aa #DB6D24 auf #6D2424 3,23:1 AA (großer Text)

Aa #FF9224 auf #B62424 2,87:1 Nicht bestanden

Aa #B69292 auf #6D4949 2,78:1 Nicht bestanden

Aa #6D4949 auf #000000 2,70:1 Nicht bestanden

Aa #B69292 auf #FFFFB6 2,69:1 Nicht bestanden

Aa #FFDB92 auf #DB6D24 2,54:1 Nicht bestanden

Aa #DBB6B6 auf #926D6D 2,46:1 Nicht bestanden

Aa #926D6D auf #6D2424 2,40:1 Nicht bestanden

Aa #6D4949 auf #DB6D24 2,31:1 Nicht bestanden

Aa #B69292 auf #B62424 2,30:1 Nicht bestanden

Aa #FFFFB6 auf #FF9224 2,15:1 Nicht bestanden

Aa #B69292 auf #FFDB92 2,10:1 Nicht bestanden

Aa #926D6D auf #FF9224 2,03:1 Nicht bestanden

Aa #6D2424 auf #000000 1,93:1 Nicht bestanden

Aa #DB6D24 auf #B62424 1,91:1 Nicht bestanden

Aa #DBB6B6 auf #DB6D24 1,83:1 Nicht bestanden

Aa #DBB6B6 auf #FFFFB6 1,78:1 Nicht bestanden

Aa #926D6D auf #6D4949 1,72:1 Nicht bestanden

Aa #B62424 auf #6D2424 1,69:1 Nicht bestanden

Aa #FFDB92 auf #FF9224 1,68:1 Nicht bestanden

Aa #B69292 auf #926D6D 1,62:1 Nicht bestanden

Aa #DBB6B6 auf #B69292 1,51:1 Nicht bestanden

Aa #FF9224 auf #DB6D24 1,51:1 Nicht bestanden

Aa #926D6D auf #B62424 1,42:1 Nicht bestanden

Aa #6D4949 auf #6D2424 1,40:1 Nicht bestanden

Aa #DBB6B6 auf #FFDB92 1,39:1 Nicht bestanden

Aa #926D6D auf #DB6D24 1,34:1 Nicht bestanden

Aa #FFFFB6 auf #FFDB92 1,28:1 Nicht bestanden

Aa #B69292 auf #FF9224 1,25:1 Nicht bestanden

Aa #DBB6B6 auf #FF9224 1,21:1 Nicht bestanden

Aa #B69292 auf #DB6D24 1,21:1 Nicht bestanden

Aa #6D4949 auf #B62424 1,21:1 Nicht bestanden

Ancient Interface