Startseite Farbpaletten FestivePanthera10

FestivePanthera10

Palette mit 10 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

FestivePanthera10

Palette mit 10 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 10 Farben Neutral Gemischt Komplementär gray black red blue

Likes 52

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #191D21;
  --c-earthy-2: #434E57;
  --c-earthy-3: #7C7B73;
  --c-earthy-4: #B3A08D;
  --c-earthy-5: #E6CAB1;
  --c-earthy-6: #3471B3;
  --c-earthy-7: #54ADB0;
  --c-earthy-8: #73F0C6;
  --c-earthy-9: #87323F;
  --c-earthy-10: #D1605C;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Jittery Jade (#73F0C6) bis zum dunkelsten Ton Satin Deep Black (#191D21). Sie vereint Satin Deep Black, Deepest Sea, Tapa, Gilded Beige, Grey Sand, Campanula, Blue Turquoise, Jittery Jade, Blood Oath und Desert Coral in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #191D21 auf #73F0C6 mit 12,11: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

Satin Deep Black #191D21

RGB: rgb(25, 29, 33)
HSL: hsl(210, 14%, 11%)
Luminanz: 0,012

Deepest Sea #434E57

RGB: rgb(67, 78, 87)
HSL: hsl(207, 13%, 30%)
Luminanz: 0,073

Tapa #7C7B73

RGB: rgb(124, 123, 115)
HSL: hsl(53, 4%, 47%)
Luminanz: 0,197

Gilded Beige #B3A08D

RGB: rgb(179, 160, 141)
HSL: hsl(30, 20%, 63%)
Luminanz: 0,367

Grey Sand #E6CAB1

RGB: rgb(230, 202, 177)
HSL: hsl(28, 51%, 80%)
Luminanz: 0,622

Campanula #3471B3

RGB: rgb(52, 113, 179)
HSL: hsl(211, 55%, 45%)
Luminanz: 0,158

Blue Turquoise #54ADB0

RGB: rgb(84, 173, 176)
HSL: hsl(182, 37%, 51%)
Luminanz: 0,349

Jittery Jade #73F0C6

RGB: rgb(115, 240, 198)
HSL: hsl(160, 81%, 70%)
Luminanz: 0,700

Blood Oath #87323F

RGB: rgb(135, 50, 63)
HSL: hsl(351, 46%, 36%)
Luminanz: 0,078

Desert Coral #D1605C

RGB: rgb(209, 96, 92)
HSL: hsl(2, 56%, 59%)
Luminanz: 0,227

Kontrast & Barrierefreiheit

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

Aa #191D21 auf #73F0C6 12,11:1 AAA

Aa #191D21 auf #E6CAB1 10,85:1 AAA

Aa #191D21 auf #B3A08D 6,72:1 AA

Aa #191D21 auf #54ADB0 6,44:1 AA

Aa #434E57 auf #73F0C6 6,09:1 AA

Aa #73F0C6 auf #87323F 5,87:1 AA

Aa #434E57 auf #E6CAB1 5,45:1 AA

Aa #E6CAB1 auf #87323F 5,26:1 AA

Aa #191D21 auf #D1605C 4,47:1 AA (großer Text)

Aa #191D21 auf #7C7B73 3,99:1 AA (großer Text)

Aa #3471B3 auf #73F0C6 3,61:1 AA (großer Text)

Aa #434E57 auf #B3A08D 3,38:1 AA (großer Text)

Aa #191D21 auf #3471B3 3,36:1 AA (großer Text)

Aa #B3A08D auf #87323F 3,26:1 AA (großer Text)

Aa #434E57 auf #54ADB0 3,24:1 AA (großer Text)

Aa #E6CAB1 auf #3471B3 3,23:1 AA (großer Text)

Aa #54ADB0 auf #87323F 3,12:1 AA (großer Text)

Aa #7C7B73 auf #73F0C6 3,04:1 AA (großer Text)

Aa #7C7B73 auf #E6CAB1 2,72:1 Nicht bestanden

Aa #73F0C6 auf #D1605C 2,71:1 Nicht bestanden

Aa #E6CAB1 auf #D1605C 2,43:1 Nicht bestanden

Aa #434E57 auf #D1605C 2,25:1 Nicht bestanden

Aa #87323F auf #D1605C 2,17:1 Nicht bestanden

Aa #191D21 auf #87323F 2,06:1 Nicht bestanden

Aa #434E57 auf #7C7B73 2,00:1 Nicht bestanden

Aa #B3A08D auf #3471B3 2,00:1 Nicht bestanden

Aa #191D21 auf #434E57 1,99:1 Nicht bestanden

Aa #7C7B73 auf #87323F 1,93:1 Nicht bestanden

Aa #3471B3 auf #54ADB0 1,92:1 Nicht bestanden

Aa #54ADB0 auf #73F0C6 1,88:1 Nicht bestanden

Aa #B3A08D auf #73F0C6 1,80:1 Nicht bestanden

Aa #434E57 auf #3471B3 1,69:1 Nicht bestanden

Aa #7C7B73 auf #B3A08D 1,69:1 Nicht bestanden

Aa #E6CAB1 auf #54ADB0 1,68:1 Nicht bestanden

Aa #3471B3 auf #87323F 1,63:1 Nicht bestanden

Aa #7C7B73 auf #54ADB0 1,62:1 Nicht bestanden

Aa #B3A08D auf #E6CAB1 1,61:1 Nicht bestanden

Aa #B3A08D auf #D1605C 1,50:1 Nicht bestanden

Aa #54ADB0 auf #D1605C 1,44:1 Nicht bestanden

Aa #3471B3 auf #D1605C 1,33:1 Nicht bestanden

Aa #7C7B73 auf #3471B3 1,19:1 Nicht bestanden

Aa #7C7B73 auf #D1605C 1,12:1 Nicht bestanden

Aa #E6CAB1 auf #73F0C6 1,12:1 Nicht bestanden

Aa #434E57 auf #87323F 1,04:1 Nicht bestanden

Aa #B3A08D auf #54ADB0 1,04:1 Nicht bestanden

FestivePanthera10