Crayon Paint

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

Zurück zur Bibliothek

Crayon Paint

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär polyphrog

Likes 66

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #76A1F1;
  --c-earthy-2: #2F6A5D;
  --c-earthy-3: #69BF2B;
  --c-earthy-4: #FBF7B6;
  --c-earthy-5: #E98E33;
  --c-earthy-6: #A03030;
  --c-earthy-7: #151212;
  --c-earthy-8: #9E969B;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Glowlight (#FBF7B6) bis zum dunkelsten Ton Dark Veil (#151212). Sie vereint Fennel Flower, Galapagos Green, Zunda Green, Glowlight, California, Milano Red, Dark Veil und Artist’s Shadow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FBF7B6 auf #151212 mit 16,93: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

Fennel Flower #76A1F1

RGB: rgb(118, 161, 241)
HSL: hsl(219, 81%, 70%)
Luminanz: 0,357

Galapagos Green #2F6A5D

RGB: rgb(47, 106, 93)
HSL: hsl(167, 39%, 30%)
Luminanz: 0,117

Zunda Green #69BF2B

RGB: rgb(105, 191, 43)
HSL: hsl(95, 63%, 46%)
Luminanz: 0,404

Glowlight #FBF7B6

RGB: rgb(251, 247, 182)
HSL: hsl(57, 90%, 85%)
Luminanz: 0,904

California #E98E33

RGB: rgb(233, 142, 51)
HSL: hsl(30, 81%, 56%)
Luminanz: 0,369

Milano Red #A03030

RGB: rgb(160, 48, 48)
HSL: hsl(0, 54%, 41%)
Luminanz: 0,098

Dark Veil #151212

RGB: rgb(21, 18, 18)
HSL: hsl(0, 8%, 8%)
Luminanz: 0,006

Artist’s Shadow #9E969B

RGB: rgb(158, 150, 155)
HSL: hsl(323, 4%, 60%)
Luminanz: 0,315

Kontrast & Barrierefreiheit

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

Aa #FBF7B6 auf #151212 16,93:1 AAA

Aa #69BF2B auf #151212 8,06:1 AAA

Aa #E98E33 auf #151212 7,44:1 AAA

Aa #76A1F1 auf #151212 7,22:1 AAA

Aa #151212 auf #9E969B 6,47:1 AA

Aa #FBF7B6 auf #A03030 6,45:1 AA

Aa #2F6A5D auf #FBF7B6 5,71:1 AA

Aa #69BF2B auf #A03030 3,07:1 AA (großer Text)

Aa #2F6A5D auf #151212 2,96:1 Nicht bestanden

Aa #E98E33 auf #A03030 2,83:1 Nicht bestanden

Aa #76A1F1 auf #A03030 2,75:1 Nicht bestanden

Aa #2F6A5D auf #69BF2B 2,72:1 Nicht bestanden

Aa #A03030 auf #151212 2,63:1 Nicht bestanden

Aa #FBF7B6 auf #9E969B 2,62:1 Nicht bestanden

Aa #2F6A5D auf #E98E33 2,51:1 Nicht bestanden

Aa #A03030 auf #9E969B 2,46:1 Nicht bestanden

Aa #76A1F1 auf #2F6A5D 2,44:1 Nicht bestanden

Aa #76A1F1 auf #FBF7B6 2,34:1 Nicht bestanden

Aa #FBF7B6 auf #E98E33 2,28:1 Nicht bestanden

Aa #2F6A5D auf #9E969B 2,18:1 Nicht bestanden

Aa #69BF2B auf #FBF7B6 2,10:1 Nicht bestanden

Aa #69BF2B auf #9E969B 1,25:1 Nicht bestanden

Aa #E98E33 auf #9E969B 1,15:1 Nicht bestanden

Aa #2F6A5D auf #A03030 1,13:1 Nicht bestanden

Aa #76A1F1 auf #69BF2B 1,12:1 Nicht bestanden

Aa #76A1F1 auf #9E969B 1,12:1 Nicht bestanden

Aa #69BF2B auf #E98E33 1,08:1 Nicht bestanden

Aa #76A1F1 auf #E98E33 1,03:1 Nicht bestanden

Crayon Paint

Crayon Paint

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen