Startseite Farbpaletten Palette „Island Dream“ mit 4 Farben

Palette „Island Dream“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Island Dream“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 3.562

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F4F4F4;
  --c-muted-2: #6DECB9;
  --c-muted-3: #11999E;
  --c-muted-4: #3C3C3C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lighthouse (#F4F4F4) bis zum dunkelsten Ton Yin Mist (#3C3C3C). Sie vereint Lighthouse, Onsen, Island Dream und Yin Mist 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 #F4F4F4 auf #3C3C3C mit 10,03:1.

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

Farben im Detail

Lighthouse #F4F4F4

RGB: rgb(244, 244, 244)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,905

Onsen #6DECB9

RGB: rgb(109, 236, 185)
HSL: hsl(156, 77%, 68%)
Luminanz: 0,667

Island Dream #11999E

RGB: rgb(17, 153, 158)
HSL: hsl(182, 81%, 34%)
Luminanz: 0,254

Yin Mist #3C3C3C

RGB: rgb(60, 60, 60)
HSL: hsl(0, 0%, 24%)
Luminanz: 0,045

Kontrast & Barrierefreiheit

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

Aa #F4F4F4 auf #3C3C3C 10,03:1 AAA

Aa #6DECB9 auf #3C3C3C 7,54:1 AAA

Aa #11999E auf #3C3C3C 3,19:1 AA (großer Text)

Aa #F4F4F4 auf #11999E 3,14:1 AA (großer Text)

Aa #6DECB9 auf #11999E 2,36:1 Nicht bestanden

Aa #F4F4F4 auf #6DECB9 1,33:1 Nicht bestanden

Palette „Island Dream“ mit 4 Farben