Soft Demon 7

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

Zurück zur Bibliothek

Soft Demon 7

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Analog 7 dark pink soft

Likes 17

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #F4D06F;
  --c-earthy-2: #E5DCDE;
  --c-earthy-3: #D4A0A7;
  --c-earthy-4: #A95C5C;
  --c-earthy-5: #7E1811;
  --c-earthy-6: #2F242C;
  --c-earthy-7: #36393B;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Coquette (#E5DCDE) bis zum dunkelsten Ton Delighted Chimp (#2F242C). Sie vereint Yellow Tulip, Coquette, Young at Heart, Tuscan Clay, Grubby Red, Delighted Chimp und Vulcan in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E5DCDE auf #2F242C mit 11,08: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

Yellow Tulip #F4D06F

RGB: rgb(244, 208, 111)
HSL: hsl(44, 86%, 70%)
Luminanz: 0,655

Coquette #E5DCDE

RGB: rgb(229, 220, 222)
HSL: hsl(347, 15%, 88%)
Luminanz: 0,731

Young at Heart #D4A0A7

RGB: rgb(212, 160, 167)
HSL: hsl(352, 38%, 73%)
Luminanz: 0,419

Tuscan Clay #A95C5C

RGB: rgb(169, 92, 92)
HSL: hsl(0, 31%, 51%)
Luminanz: 0,169

Grubby Red #7E1811

RGB: rgb(126, 24, 17)
HSL: hsl(4, 76%, 28%)
Luminanz: 0,051

Delighted Chimp #2F242C

RGB: rgb(47, 36, 44)
HSL: hsl(316, 13%, 16%)
Luminanz: 0,021

Vulcan #36393B

RGB: rgb(54, 57, 59)
HSL: hsl(204, 4%, 22%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

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

Aa #E5DCDE auf #2F242C 11,08:1 AAA

Aa #F4D06F auf #2F242C 10,00:1 AAA

Aa #E5DCDE auf #36393B 8,65:1 AAA

Aa #F4D06F auf #36393B 7,81:1 AAA

Aa #E5DCDE auf #7E1811 7,71:1 AAA

Aa #F4D06F auf #7E1811 6,96:1 AA

Aa #D4A0A7 auf #2F242C 6,66:1 AA

Aa #D4A0A7 auf #36393B 5,20:1 AA

Aa #D4A0A7 auf #7E1811 4,63:1 AA

Aa #E5DCDE auf #A95C5C 3,57:1 AA (großer Text)

Aa #F4D06F auf #A95C5C 3,22:1 AA (großer Text)

Aa #A95C5C auf #2F242C 3,10:1 AA (großer Text)

Aa #A95C5C auf #36393B 2,42:1 Nicht bestanden

Aa #A95C5C auf #7E1811 2,16:1 Nicht bestanden

Aa #D4A0A7 auf #A95C5C 2,15:1 Nicht bestanden

Aa #E5DCDE auf #D4A0A7 1,66:1 Nicht bestanden

Aa #F4D06F auf #D4A0A7 1,50:1 Nicht bestanden

Aa #7E1811 auf #2F242C 1,44:1 Nicht bestanden

Aa #2F242C auf #36393B 1,28:1 Nicht bestanden

Aa #7E1811 auf #36393B 1,12:1 Nicht bestanden

Aa #F4D06F auf #E5DCDE 1,11:1 Nicht bestanden

Soft Demon 7

Soft Demon 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen