Startseite Farbpaletten Holographic Mode

Holographic Mode

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

Zurück zur Bibliothek

Holographic Mode

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär colorful metallic holographic

Likes 95

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #E7E0E4;
  --c-earthy-2: #EFCAA7;
  --c-earthy-3: #A1D5B4;
  --c-earthy-4: #84B5E5;
  --c-earthy-5: #E19BD9;
  --c-earthy-6: #9779D1;
  --c-earthy-7: #5F65B5;
  --c-earthy-8: #1C1529;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Pearl Violet (#E7E0E4) bis zum dunkelsten Ton Sambucus (#1C1529). Sie vereint Pearl Violet, Peaches’n’Cream, Nihilakh Oxide, C’est la Vie, Damson Plum, Iridescent Purple, Bluish Purple Anemone und Sambucus in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E7E0E4 auf #1C1529 mit 13,61: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

Pearl Violet #E7E0E4

RGB: rgb(231, 224, 228)
HSL: hsl(326, 13%, 89%)
Luminanz: 0,759

Peaches’n’Cream #EFCAA7

RGB: rgb(239, 202, 167)
HSL: hsl(29, 69%, 80%)
Luminanz: 0,634

Nihilakh Oxide #A1D5B4

RGB: rgb(161, 213, 180)
HSL: hsl(142, 38%, 73%)
Luminanz: 0,585

C’est la Vie #84B5E5

RGB: rgb(132, 181, 229)
HSL: hsl(210, 65%, 71%)
Luminanz: 0,436

Damson Plum #E19BD9

RGB: rgb(225, 155, 217)
HSL: hsl(307, 54%, 75%)
Luminanz: 0,445

Iridescent Purple #9779D1

RGB: rgb(151, 121, 209)
HSL: hsl(260, 49%, 65%)
Luminanz: 0,249

Bluish Purple Anemone #5F65B5

RGB: rgb(95, 101, 181)
HSL: hsl(236, 37%, 54%)
Luminanz: 0,151

Sambucus #1C1529

RGB: rgb(28, 21, 41)
HSL: hsl(261, 32%, 12%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #E7E0E4 auf #1C1529 13,61:1 AAA

Aa #EFCAA7 auf #1C1529 11,51:1 AAA

Aa #A1D5B4 auf #1C1529 10,68:1 AAA

Aa #E19BD9 auf #1C1529 8,32:1 AAA

Aa #84B5E5 auf #1C1529 8,18:1 AAA

Aa #9779D1 auf #1C1529 5,02:1 AA

Aa #E7E0E4 auf #5F65B5 4,03:1 AA (großer Text)

Aa #EFCAA7 auf #5F65B5 3,41:1 AA (großer Text)

Aa #5F65B5 auf #1C1529 3,38:1 AA (großer Text)

Aa #A1D5B4 auf #5F65B5 3,16:1 AA (großer Text)

Aa #E7E0E4 auf #9779D1 2,71:1 Nicht bestanden

Aa #E19BD9 auf #5F65B5 2,46:1 Nicht bestanden

Aa #84B5E5 auf #5F65B5 2,42:1 Nicht bestanden

Aa #EFCAA7 auf #9779D1 2,29:1 Nicht bestanden

Aa #A1D5B4 auf #9779D1 2,13:1 Nicht bestanden

Aa #E7E0E4 auf #84B5E5 1,66:1 Nicht bestanden

Aa #E19BD9 auf #9779D1 1,66:1 Nicht bestanden

Aa #E7E0E4 auf #E19BD9 1,64:1 Nicht bestanden

Aa #84B5E5 auf #9779D1 1,63:1 Nicht bestanden

Aa #9779D1 auf #5F65B5 1,49:1 Nicht bestanden

Aa #EFCAA7 auf #84B5E5 1,41:1 Nicht bestanden

Aa #EFCAA7 auf #E19BD9 1,38:1 Nicht bestanden

Aa #A1D5B4 auf #84B5E5 1,31:1 Nicht bestanden

Aa #A1D5B4 auf #E19BD9 1,28:1 Nicht bestanden

Aa #E7E0E4 auf #A1D5B4 1,27:1 Nicht bestanden

Aa #E7E0E4 auf #EFCAA7 1,18:1 Nicht bestanden

Aa #EFCAA7 auf #A1D5B4 1,08:1 Nicht bestanden

Aa #84B5E5 auf #E19BD9 1,02:1 Nicht bestanden

Holographic Mode