Startseite Farbpaletten Palette „Soft Mint“ mit 4 Farben

Palette „Soft Mint“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Soft Mint“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 20.228

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #2C3333;
  --c-muted-2: #395B64;
  --c-muted-3: #A5C9CA;
  --c-muted-4: #E7F6F2;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Soft Mint (#E7F6F2) bis zum dunkelsten Ton Aztec (#2C3333). Sie vereint Aztec, Cadet Song, Ocean Boulevard und Soft Mint 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 #2C3333 auf #E7F6F2 mit 11,58:1.

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

Farben im Detail

Aztec #2C3333

RGB: rgb(44, 51, 51)
HSL: hsl(180, 7%, 19%)
Luminanz: 0,031

Cadet Song #395B64

RGB: rgb(57, 91, 100)
HSL: hsl(193, 27%, 31%)
Luminanz: 0,093

Ocean Boulevard #A5C9CA

RGB: rgb(165, 201, 202)
HSL: hsl(182, 26%, 72%)
Luminanz: 0,540

Soft Mint #E7F6F2

RGB: rgb(231, 246, 242)
HSL: hsl(164, 45%, 94%)
Luminanz: 0,893

Kontrast & Barrierefreiheit

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

Aa #2C3333 auf #E7F6F2 11,58:1 AAA

Aa #2C3333 auf #A5C9CA 7,25:1 AAA

Aa #395B64 auf #E7F6F2 6,61:1 AA

Aa #395B64 auf #A5C9CA 4,14:1 AA (großer Text)

Aa #2C3333 auf #395B64 1,75:1 Nicht bestanden

Aa #A5C9CA auf #E7F6F2 1,60:1 Nicht bestanden

Palette „Soft Mint“ mit 4 Farben