Startseite Farbpaletten Palette „Chaste Blossoms“ mit 4 Farben

Palette „Chaste Blossoms“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Chaste Blossoms“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär

Likes 3.895

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #2D2727;
  --c-muted-2: #413543;
  --c-muted-3: #8F43EE;
  --c-muted-4: #F0EB8D;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Ginger Lemon Cake (#F0EB8D) bis zum dunkelsten Ton Bokara Grey (#2D2727). Sie vereint Bokara Grey, Royal Coronation, Chaste Blossoms und Ginger Lemon Cake 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 #2D2727 auf #F0EB8D mit 11,86:1.

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

Farben im Detail

Bokara Grey #2D2727

RGB: rgb(45, 39, 39)
HSL: hsl(0, 7%, 16%)
Luminanz: 0,022

Royal Coronation #413543

RGB: rgb(65, 53, 67)
HSL: hsl(291, 12%, 24%)
Luminanz: 0,041

Chaste Blossoms #8F43EE

RGB: rgb(143, 67, 238)
HSL: hsl(267, 83%, 60%)
Luminanz: 0,160

Ginger Lemon Cake #F0EB8D

RGB: rgb(240, 235, 141)
HSL: hsl(57, 77%, 75%)
Luminanz: 0,799

Kontrast & Barrierefreiheit

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

Aa #2D2727 auf #F0EB8D 11,86:1 AAA

Aa #413543 auf #F0EB8D 9,35:1 AAA

Aa #8F43EE auf #F0EB8D 4,04:1 AA (großer Text)

Aa #2D2727 auf #8F43EE 2,94:1 Nicht bestanden

Aa #413543 auf #8F43EE 2,32:1 Nicht bestanden

Aa #2D2727 auf #413543 1,27:1 Nicht bestanden

Palette „Chaste Blossoms“ mit 4 Farben