Startseite Farbpaletten PJ Discord Collab

PJ Discord Collab

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

Zurück zur Bibliothek

PJ Discord Collab

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär red blue yellow skin

Likes 36

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #DAC6BE;
  --c-earthy-3: #B2897A;
  --c-earthy-4: #6B493D;
  --c-earthy-5: #30211C;
  --c-earthy-6: #CC1900;
  --c-earthy-7: #169EC5;
  --c-earthy-8: #F6DF1A;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Kenpōzome Black (#30211C). Sie vereint White, Bella Mia, Cappuccino Bombe, Classic Brown, Kenpōzome Black, Vampire State Building, Delos Blue und Xanthic in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #30211C mit 15,44: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

White #FFFFFF

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

Bella Mia #DAC6BE

RGB: rgb(218, 198, 190)
HSL: hsl(17, 27%, 80%)
Luminanz: 0,590

Cappuccino Bombe #B2897A

RGB: rgb(178, 137, 122)
HSL: hsl(16, 27%, 59%)
Luminanz: 0,288

Classic Brown #6B493D

RGB: rgb(107, 73, 61)
HSL: hsl(16, 27%, 33%)
Luminanz: 0,082

Kenpōzome Black #30211C

RGB: rgb(48, 33, 28)
HSL: hsl(15, 26%, 15%)
Luminanz: 0,018

Vampire State Building #CC1900

RGB: rgb(204, 25, 0)
HSL: hsl(7, 100%, 40%)
Luminanz: 0,135

Delos Blue #169EC5

RGB: rgb(22, 158, 197)
HSL: hsl(193, 80%, 43%)
Luminanz: 0,287

Xanthic #F6DF1A

RGB: rgb(246, 223, 26)
HSL: hsl(54, 92%, 53%)
Luminanz: 0,724

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #30211C 15,44:1 AAA

Aa #30211C auf #F6DF1A 11,39:1 AAA

Aa #DAC6BE auf #30211C 9,41:1 AAA

Aa #FFFFFF auf #6B493D 7,94:1 AAA

Aa #6B493D auf #F6DF1A 5,85:1 AA

Aa #FFFFFF auf #CC1900 5,67:1 AA

Aa #B2897A auf #30211C 4,96:1 AA

Aa #30211C auf #169EC5 4,95:1 AA

Aa #DAC6BE auf #6B493D 4,84:1 AA

Aa #CC1900 auf #F6DF1A 4,18:1 AA (großer Text)

Aa #DAC6BE auf #CC1900 3,45:1 AA (großer Text)

Aa #FFFFFF auf #169EC5 3,12:1 AA (großer Text)

Aa #FFFFFF auf #B2897A 3,11:1 AA (großer Text)

Aa #30211C auf #CC1900 2,73:1 Nicht bestanden

Aa #B2897A auf #6B493D 2,55:1 Nicht bestanden

Aa #6B493D auf #169EC5 2,54:1 Nicht bestanden

Aa #169EC5 auf #F6DF1A 2,30:1 Nicht bestanden

Aa #B2897A auf #F6DF1A 2,29:1 Nicht bestanden

Aa #6B493D auf #30211C 1,95:1 Nicht bestanden

Aa #DAC6BE auf #B2897A 1,90:1 Nicht bestanden

Aa #DAC6BE auf #169EC5 1,90:1 Nicht bestanden

Aa #B2897A auf #CC1900 1,82:1 Nicht bestanden

Aa #CC1900 auf #169EC5 1,82:1 Nicht bestanden

Aa #FFFFFF auf #DAC6BE 1,64:1 Nicht bestanden

Aa #6B493D auf #CC1900 1,40:1 Nicht bestanden

Aa #FFFFFF auf #F6DF1A 1,36:1 Nicht bestanden

Aa #DAC6BE auf #F6DF1A 1,21:1 Nicht bestanden

Aa #B2897A auf #169EC5 1,00:1 Nicht bestanden

PJ Discord Collab