Startseite Farbpaletten Palette „Sun Drops“ mit 4 Farben

Palette „Sun Drops“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Sun Drops“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 7.412

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F7F1E5;
  --c-vibrant-2: #E7B10A;
  --c-vibrant-3: #898121;
  --c-vibrant-4: #4C4B16;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Bright Moon (#F7F1E5) bis zum dunkelsten Ton Verdun Green (#4C4B16). Sie vereint Bright Moon, Sun Drops, Fickle Pickle und Verdun Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F7F1E5 auf #4C4B16 mit 8,03:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Bright Moon #F7F1E5

RGB: rgb(247, 241, 229)
HSL: hsl(40, 53%, 93%)
Luminanz: 0,883

Sun Drops #E7B10A

RGB: rgb(231, 177, 10)
HSL: hsl(45, 92%, 47%)
Luminanz: 0,485

Fickle Pickle #898121

RGB: rgb(137, 129, 33)
HSL: hsl(55, 61%, 33%)
Luminanz: 0,211

Verdun Green #4C4B16

RGB: rgb(76, 75, 22)
HSL: hsl(59, 55%, 19%)
Luminanz: 0,066

Kontrast & Barrierefreiheit

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

Aa #F7F1E5 auf #4C4B16 8,03:1 AAA

Aa #E7B10A auf #4C4B16 4,60:1 AA

Aa #F7F1E5 auf #898121 3,57:1 AA (großer Text)

Aa #898121 auf #4C4B16 2,25:1 Nicht bestanden

Aa #E7B10A auf #898121 2,05:1 Nicht bestanden

Aa #F7F1E5 auf #E7B10A 1,75:1 Nicht bestanden

Palette „Sun Drops“ mit 4 Farben