Startseite Farbpaletten Palette „Good Morning“ mit 4 Farben

Palette „Good Morning“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Good Morning“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Triadisch

Likes 14.276

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #12372A;
  --c-muted-2: #436850;
  --c-muted-3: #ADBC9F;
  --c-muted-4: #FBFADA;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Good Morning (#FBFADA) bis zum dunkelsten Ton Intense Green (#12372A). Sie vereint Intense Green, Nordic Pine, Pale Sage und Good Morning in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #12372A auf #FBFADA mit 12,32:1.

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

Farben im Detail

Intense Green #12372A

RGB: rgb(18, 55, 42)
HSL: hsl(159, 51%, 14%)
Luminanz: 0,030

Nordic Pine #436850

RGB: rgb(67, 104, 80)
HSL: hsl(141, 22%, 34%)
Luminanz: 0,117

Pale Sage #ADBC9F

RGB: rgb(173, 188, 159)
HSL: hsl(91, 18%, 68%)
Luminanz: 0,474

Good Morning #FBFADA

RGB: rgb(251, 250, 218)
HSL: hsl(58, 80%, 92%)
Luminanz: 0,939

Kontrast & Barrierefreiheit

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

Aa #12372A auf #FBFADA 12,32:1 AAA

Aa #12372A auf #ADBC9F 6,52:1 AA

Aa #436850 auf #FBFADA 5,93:1 AA

Aa #436850 auf #ADBC9F 3,14:1 AA (großer Text)

Aa #12372A auf #436850 2,08:1 Nicht bestanden

Aa #ADBC9F auf #FBFADA 1,89:1 Nicht bestanden

Palette „Good Morning“ mit 4 Farben