BitByBit_

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

Zurück zur Bibliothek

BitByBit_

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Analog pixelart unity itchio

Likes 12

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #F2E6D8;
  --c-earthy-2: #1A1A1A;
  --c-earthy-3: #80363D;
  --c-earthy-4: #9A9AA6;
  --c-earthy-5: #6F6980;
  --c-earthy-6: #CC5D49;
  --c-earthy-7: #E69A38;
  --c-earthy-8: #F2CA5A;
  --c-earthy-9: #848C4D;
  --c-earthy-10: #40663E;
  --c-earthy-11: #805280;
  --c-earthy-12: #487A99;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Ballet White (#F2E6D8) bis zum dunkelsten Ton Eerie Black (#1A1A1A). Sie vereint Ballet White, Eerie Black, Red Pear, Dame Dignity, Hyacinth Arbour, Grand Duke, Culpeo, Dancing Daisy, Enough Is Enough, Friendly Fairway, Thistle Mauve und Antarctic Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2E6D8 auf #1A1A1A mit 14,16: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

Ballet White #F2E6D8

RGB: rgb(242, 230, 216)
HSL: hsl(32, 50%, 90%)
Luminanz: 0,804

Eerie Black #1A1A1A

RGB: rgb(26, 26, 26)
HSL: hsl(0, 0%, 10%)
Luminanz: 0,010

Red Pear #80363D

RGB: rgb(128, 54, 61)
HSL: hsl(354, 41%, 36%)
Luminanz: 0,076

Dame Dignity #9A9AA6

RGB: rgb(154, 154, 166)
HSL: hsl(240, 6%, 63%)
Luminanz: 0,327

Hyacinth Arbour #6F6980

RGB: rgb(111, 105, 128)
HSL: hsl(256, 10%, 46%)
Luminanz: 0,150

Grand Duke #CC5D49

RGB: rgb(204, 93, 73)
HSL: hsl(9, 56%, 54%)
Luminanz: 0,212

Culpeo #E69A38

RGB: rgb(230, 154, 56)
HSL: hsl(34, 78%, 56%)
Luminanz: 0,402

Dancing Daisy #F2CA5A

RGB: rgb(242, 202, 90)
HSL: hsl(44, 85%, 65%)
Luminanz: 0,619

Enough Is Enough #848C4D

RGB: rgb(132, 140, 77)
HSL: hsl(68, 29%, 43%)
Luminanz: 0,242

Friendly Fairway #40663E

RGB: rgb(64, 102, 62)
HSL: hsl(117, 24%, 32%)
Luminanz: 0,109

Thistle Mauve #805280

RGB: rgb(128, 82, 128)
HSL: hsl(300, 22%, 41%)
Luminanz: 0,122

Antarctic Blue #487A99

RGB: rgb(72, 122, 153)
HSL: hsl(203, 36%, 44%)
Luminanz: 0,176

Kontrast & Barrierefreiheit

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

Aa #F2E6D8 auf #1A1A1A 14,16:1 AAA

Aa #1A1A1A auf #F2CA5A 11,08:1 AAA

Aa #1A1A1A auf #E69A38 7,50:1 AAA

Aa #F2E6D8 auf #80363D 6,80:1 AA

Aa #1A1A1A auf #9A9AA6 6,25:1 AA

Aa #F2E6D8 auf #40663E 5,36:1 AA

Aa #80363D auf #F2CA5A 5,32:1 AA

Aa #F2E6D8 auf #805280 4,97:1 AA

Aa #1A1A1A auf #848C4D 4,84:1 AA

Aa #1A1A1A auf #CC5D49 4,33:1 AA (großer Text)

Aa #F2E6D8 auf #6F6980 4,26:1 AA (großer Text)

Aa #F2CA5A auf #40663E 4,19:1 AA (großer Text)

Aa #F2CA5A auf #805280 3,89:1 AA (großer Text)

Aa #F2E6D8 auf #487A99 3,78:1 AA (großer Text)

Aa #1A1A1A auf #487A99 3,75:1 AA (großer Text)

Aa #80363D auf #E69A38 3,60:1 AA (großer Text)

Aa #6F6980 auf #F2CA5A 3,34:1 AA (großer Text)

Aa #1A1A1A auf #6F6980 3,32:1 AA (großer Text)

Aa #F2E6D8 auf #CC5D49 3,27:1 AA (großer Text)

Aa #80363D auf #9A9AA6 3,00:1 AA (großer Text)

Aa #F2CA5A auf #487A99 2,96:1 Nicht bestanden

Aa #F2E6D8 auf #848C4D 2,93:1 Nicht bestanden

Aa #1A1A1A auf #805280 2,85:1 Nicht bestanden

Aa #E69A38 auf #40663E 2,84:1 Nicht bestanden

Aa #1A1A1A auf #40663E 2,64:1 Nicht bestanden

Aa #E69A38 auf #805280 2,63:1 Nicht bestanden

Aa #CC5D49 auf #F2CA5A 2,56:1 Nicht bestanden

Aa #9A9AA6 auf #40663E 2,37:1 Nicht bestanden

Aa #80363D auf #848C4D 2,32:1 Nicht bestanden

Aa #F2CA5A auf #848C4D 2,29:1 Nicht bestanden

Aa #F2E6D8 auf #9A9AA6 2,26:1 Nicht bestanden

Aa #6F6980 auf #E69A38 2,26:1 Nicht bestanden

Aa #9A9AA6 auf #805280 2,20:1 Nicht bestanden

Aa #1A1A1A auf #80363D 2,08:1 Nicht bestanden

Aa #80363D auf #CC5D49 2,08:1 Nicht bestanden

Aa #E69A38 auf #487A99 2,00:1 Nicht bestanden

Aa #F2E6D8 auf #E69A38 1,89:1 Nicht bestanden

Aa #9A9AA6 auf #6F6980 1,88:1 Nicht bestanden

Aa #848C4D auf #40663E 1,83:1 Nicht bestanden

Aa #80363D auf #487A99 1,80:1 Nicht bestanden

Aa #9A9AA6 auf #F2CA5A 1,77:1 Nicht bestanden

Aa #CC5D49 auf #E69A38 1,73:1 Nicht bestanden

Aa #848C4D auf #805280 1,70:1 Nicht bestanden

Aa #9A9AA6 auf #487A99 1,67:1 Nicht bestanden

Aa #CC5D49 auf #40663E 1,64:1 Nicht bestanden

Aa #80363D auf #6F6980 1,60:1 Nicht bestanden

Aa #E69A38 auf #848C4D 1,55:1 Nicht bestanden

Aa #CC5D49 auf #805280 1,52:1 Nicht bestanden

Aa #E69A38 auf #F2CA5A 1,48:1 Nicht bestanden

Aa #6F6980 auf #848C4D 1,46:1 Nicht bestanden

Aa #9A9AA6 auf #CC5D49 1,44:1 Nicht bestanden

Aa #40663E auf #487A99 1,42:1 Nicht bestanden

Aa #80363D auf #805280 1,37:1 Nicht bestanden

Aa #805280 auf #487A99 1,32:1 Nicht bestanden

Aa #6F6980 auf #CC5D49 1,30:1 Nicht bestanden

Aa #9A9AA6 auf #848C4D 1,29:1 Nicht bestanden

Aa #848C4D auf #487A99 1,29:1 Nicht bestanden

Aa #F2E6D8 auf #F2CA5A 1,28:1 Nicht bestanden

Aa #80363D auf #40663E 1,27:1 Nicht bestanden

Aa #6F6980 auf #40663E 1,26:1 Nicht bestanden

Aa #9A9AA6 auf #E69A38 1,20:1 Nicht bestanden

Aa #6F6980 auf #805280 1,17:1 Nicht bestanden

Aa #CC5D49 auf #487A99 1,16:1 Nicht bestanden

Aa #6F6980 auf #487A99 1,13:1 Nicht bestanden

Aa #CC5D49 auf #848C4D 1,12:1 Nicht bestanden

Aa #40663E auf #805280 1,08:1 Nicht bestanden

BitByBit_

BitByBit_

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen