Stormy 6

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Stormy 6

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 6 Farben Warm Gemischt Triadisch artist starlane

Likes 166

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #F8EEBF;
  --c-earthy-2: #EDBB70;
  --c-earthy-3: #A95A3F;
  --c-earthy-4: #242828;
  --c-earthy-5: #3A5043;
  --c-earthy-6: #7F9860;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Joyful (#F8EEBF) bis zum dunkelsten Ton Bitter Liquorice (#242828). Sie vereint Joyful, Pineapple Cake, Gladiator Leather, Bitter Liquorice, Amphitrite und Pea Aubergine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F8EEBF auf #242828 mit 12,75: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

Joyful #F8EEBF

RGB: rgb(248, 238, 191)
HSL: hsl(49, 80%, 86%)
Luminanz: 0,849

Pineapple Cake #EDBB70

RGB: rgb(237, 187, 112)
HSL: hsl(36, 78%, 68%)
Luminanz: 0,547

Gladiator Leather #A95A3F

RGB: rgb(169, 90, 63)
HSL: hsl(15, 46%, 45%)
Luminanz: 0,161

Bitter Liquorice #242828

RGB: rgb(36, 40, 40)
HSL: hsl(180, 5%, 15%)
Luminanz: 0,021

Amphitrite #3A5043

RGB: rgb(58, 80, 67)
HSL: hsl(145, 16%, 27%)
Luminanz: 0,070

Pea Aubergine #7F9860

RGB: rgb(127, 152, 96)
HSL: hsl(87, 23%, 49%)
Luminanz: 0,278

Kontrast & Barrierefreiheit

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

Aa #F8EEBF auf #242828 12,75:1 AAA

Aa #EDBB70 auf #242828 8,48:1 AAA

Aa #F8EEBF auf #3A5043 7,46:1 AAA

Aa #EDBB70 auf #3A5043 4,96:1 AA

Aa #242828 auf #7F9860 4,66:1 AA

Aa #F8EEBF auf #A95A3F 4,26:1 AA (großer Text)

Aa #A95A3F auf #242828 3,00:1 AA (großer Text)

Aa #EDBB70 auf #A95A3F 2,83:1 Nicht bestanden

Aa #F8EEBF auf #7F9860 2,74:1 Nicht bestanden

Aa #3A5043 auf #7F9860 2,72:1 Nicht bestanden

Aa #EDBB70 auf #7F9860 1,82:1 Nicht bestanden

Aa #A95A3F auf #3A5043 1,75:1 Nicht bestanden

Aa #242828 auf #3A5043 1,71:1 Nicht bestanden

Aa #A95A3F auf #7F9860 1,55:1 Nicht bestanden

Aa #F8EEBF auf #EDBB70 1,50:1 Nicht bestanden

Stormy 6

Stormy 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen