DreamHaze8

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

Zurück zur Bibliothek

DreamHaze8

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

Bearbeiten

Gedeckt 8 Farben Warm Gemischt Monochrom pastel

Likes 172

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #E8D3DF;
  --c-muted-2: #D1D0C2;
  --c-muted-3: #A6B5BA;
  --c-muted-4: #8F968C;
  --c-muted-5: #726D7D;
  --c-muted-6: #665A5A;
  --c-muted-7: #464C4B;
  --c-muted-8: #393B33;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Light Favourite Lady (#E8D3DF) bis zum dunkelsten Ton USMC Green (#393B33). Sie vereint Light Favourite Lady, Lunar Landing, Shark Loop, Renegade, Paisley, Roasted Black, Spinel Black und USMC Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E8D3DF auf #393B33 mit 8,02:1.

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

Farben im Detail

Light Favourite Lady #E8D3DF

RGB: rgb(232, 211, 223)
HSL: hsl(326, 31%, 87%)
Luminanz: 0,691

Lunar Landing #D1D0C2

RGB: rgb(209, 208, 194)
HSL: hsl(56, 14%, 79%)
Luminanz: 0,626

Shark Loop #A6B5BA

RGB: rgb(166, 181, 186)
HSL: hsl(195, 13%, 69%)
Luminanz: 0,447

Renegade #8F968C

RGB: rgb(143, 150, 140)
HSL: hsl(102, 5%, 57%)
Luminanz: 0,296

Paisley #726D7D

RGB: rgb(114, 109, 125)
HSL: hsl(259, 7%, 46%)
Luminanz: 0,160

Roasted Black #665A5A

RGB: rgb(102, 90, 90)
HSL: hsl(0, 6%, 38%)
Luminanz: 0,109

Spinel Black #464C4B

RGB: rgb(70, 76, 75)
HSL: hsl(170, 4%, 29%)
Luminanz: 0,070

USMC Green #393B33

RGB: rgb(57, 59, 51)
HSL: hsl(75, 7%, 22%)
Luminanz: 0,042

Kontrast & Barrierefreiheit

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

Aa #E8D3DF auf #393B33 8,02:1 AAA

Aa #D1D0C2 auf #393B33 7,31:1 AAA

Aa #E8D3DF auf #464C4B 6,18:1 AA

Aa #D1D0C2 auf #464C4B 5,64:1 AA

Aa #A6B5BA auf #393B33 5,38:1 AA

Aa #E8D3DF auf #665A5A 4,67:1 AA

Aa #D1D0C2 auf #665A5A 4,26:1 AA (großer Text)

Aa #A6B5BA auf #464C4B 4,15:1 AA (großer Text)

Aa #8F968C auf #393B33 3,74:1 AA (großer Text)

Aa #E8D3DF auf #726D7D 3,53:1 AA (großer Text)

Aa #D1D0C2 auf #726D7D 3,22:1 AA (großer Text)

Aa #A6B5BA auf #665A5A 3,13:1 AA (großer Text)

Aa #8F968C auf #464C4B 2,88:1 Nicht bestanden

Aa #A6B5BA auf #726D7D 2,37:1 Nicht bestanden

Aa #726D7D auf #393B33 2,27:1 Nicht bestanden

Aa #8F968C auf #665A5A 2,18:1 Nicht bestanden

Aa #E8D3DF auf #8F968C 2,14:1 Nicht bestanden

Aa #D1D0C2 auf #8F968C 1,96:1 Nicht bestanden

Aa #726D7D auf #464C4B 1,75:1 Nicht bestanden

Aa #665A5A auf #393B33 1,72:1 Nicht bestanden

Aa #8F968C auf #726D7D 1,65:1 Nicht bestanden

Aa #E8D3DF auf #A6B5BA 1,49:1 Nicht bestanden

Aa #A6B5BA auf #8F968C 1,44:1 Nicht bestanden

Aa #D1D0C2 auf #A6B5BA 1,36:1 Nicht bestanden

Aa #665A5A auf #464C4B 1,33:1 Nicht bestanden

Aa #726D7D auf #665A5A 1,32:1 Nicht bestanden

Aa #464C4B auf #393B33 1,30:1 Nicht bestanden

Aa #E8D3DF auf #D1D0C2 1,10:1 Nicht bestanden

DreamHaze8

DreamHaze8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen