Puffball 6

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

Zurück zur Bibliothek

Puffball 6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Triadisch polyphrog

Likes 201

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #EEDBC8;
  --c-earthy-2: #E0BB68;
  --c-earthy-3: #97B34E;
  --c-earthy-4: #D58353;
  --c-earthy-5: #548B71;
  --c-earthy-6: #5A473E;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Patisserie (#EEDBC8) bis zum dunkelsten Ton Baronial Brown (#5A473E). Sie vereint Patisserie, Crisps, Venus Flytrap, Copperhead, Green Weed und Baronial Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EEDBC8 auf #5A473E mit 6,49: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

Patisserie #EEDBC8

RGB: rgb(238, 219, 200)
HSL: hsl(30, 53%, 86%)
Luminanz: 0,730

Crisps #E0BB68

RGB: rgb(224, 187, 104)
HSL: hsl(42, 66%, 64%)
Luminanz: 0,524

Venus Flytrap #97B34E

RGB: rgb(151, 179, 78)
HSL: hsl(77, 40%, 50%)
Luminanz: 0,394

Copperhead #D58353

RGB: rgb(213, 131, 83)
HSL: hsl(22, 61%, 58%)
Luminanz: 0,310

Green Weed #548B71

RGB: rgb(84, 139, 113)
HSL: hsl(152, 25%, 44%)
Luminanz: 0,215

Baronial Brown #5A473E

RGB: rgb(90, 71, 62)
HSL: hsl(19, 18%, 30%)
Luminanz: 0,070

Kontrast & Barrierefreiheit

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

Aa #EEDBC8 auf #5A473E 6,49:1 AA

Aa #E0BB68 auf #5A473E 4,77:1 AA

Aa #97B34E auf #5A473E 3,69:1 AA (großer Text)

Aa #D58353 auf #5A473E 2,99:1 Nicht bestanden

Aa #EEDBC8 auf #548B71 2,94:1 Nicht bestanden

Aa #548B71 auf #5A473E 2,21:1 Nicht bestanden

Aa #EEDBC8 auf #D58353 2,17:1 Nicht bestanden

Aa #E0BB68 auf #548B71 2,16:1 Nicht bestanden

Aa #EEDBC8 auf #97B34E 1,76:1 Nicht bestanden

Aa #97B34E auf #548B71 1,67:1 Nicht bestanden

Aa #E0BB68 auf #D58353 1,59:1 Nicht bestanden

Aa #EEDBC8 auf #E0BB68 1,36:1 Nicht bestanden

Aa #D58353 auf #548B71 1,36:1 Nicht bestanden

Aa #E0BB68 auf #97B34E 1,29:1 Nicht bestanden

Aa #97B34E auf #D58353 1,23:1 Nicht bestanden

Puffball 6

Puffball 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen