Registrieren Registrieren
ST 8 MoonLight

ST 8 MoonLight

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

Zurück zur Bibliothek

ST 8 MoonLight

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

Bearbeiten
Gedeckt 8 Farben Kühl Gemischt Monochrom artist moonlight moon st8
Likes 94
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #0B0C0D;
  --c-muted-2: #222426;
  --c-muted-3: #363940;
  --c-muted-4: #4C5359;
  --c-muted-5: #667480;
  --c-muted-6: #8598A6;
  --c-muted-7: #A3BECC;
  --c-muted-8: #C3DCE5;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Breezy (#C3DCE5) bis zum dunkelsten Ton Black Wash (#0B0C0D). Sie vereint Black Wash, Verified Black, Antarctic Deep, Chimney, Wharf View, Silver Storm, Frozen Tundra und Breezy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0B0C0D auf #C3DCE5 mit 13,69:1.

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

Farben im Detail

Black Wash #0B0C0D
RGB
rgb(11, 12, 13)
HSL
hsl(210, 8%, 5%)
Luminanz
0,004
Verified Black #222426
RGB
rgb(34, 36, 38)
HSL
hsl(210, 6%, 14%)
Luminanz
0,017
Antarctic Deep #363940
RGB
rgb(54, 57, 64)
HSL
hsl(222, 8%, 23%)
Luminanz
0,041
Chimney #4C5359
RGB
rgb(76, 83, 89)
HSL
hsl(208, 8%, 32%)
Luminanz
0,084
Wharf View #667480
RGB
rgb(102, 116, 128)
HSL
hsl(208, 11%, 45%)
Luminanz
0,169
Silver Storm #8598A6
RGB
rgb(133, 152, 166)
HSL
hsl(205, 16%, 59%)
Luminanz
0,302
Frozen Tundra #A3BECC
RGB
rgb(163, 190, 204)
HSL
hsl(200, 29%, 72%)
Luminanz
0,490
Breezy #C3DCE5
RGB
rgb(195, 220, 229)
HSL
hsl(196, 40%, 83%)
Luminanz
0,685

Kontrast & Barrierefreiheit

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

Aa #0B0C0D auf #C3DCE5 13,69:1 AAA
Aa #222426 auf #C3DCE5 10,89:1 AAA
Aa #0B0C0D auf #A3BECC 10,06:1 AAA
Aa #363940 auf #C3DCE5 8,09:1 AAA
Aa #222426 auf #A3BECC 8,01:1 AAA
Aa #0B0C0D auf #8598A6 6,56:1 AA
Aa #363940 auf #A3BECC 5,94:1 AA
Aa #4C5359 auf #C3DCE5 5,46:1 AA
Aa #222426 auf #8598A6 5,22:1 AA
Aa #0B0C0D auf #667480 4,08:1 AA (großer Text)
Aa #4C5359 auf #A3BECC 4,01:1 AA (großer Text)
Aa #363940 auf #8598A6 3,88:1 AA (großer Text)
Aa #667480 auf #C3DCE5 3,36:1 AA (großer Text)
Aa #222426 auf #667480 3,24:1 AA (großer Text)
Aa #4C5359 auf #8598A6 2,62:1 Nicht bestanden
Aa #0B0C0D auf #4C5359 2,51:1 Nicht bestanden
Aa #667480 auf #A3BECC 2,47:1 Nicht bestanden
Aa #363940 auf #667480 2,41:1 Nicht bestanden
Aa #8598A6 auf #C3DCE5 2,09:1 Nicht bestanden
Aa #222426 auf #4C5359 1,99:1 Nicht bestanden
Aa #0B0C0D auf #363940 1,69:1 Nicht bestanden
Aa #4C5359 auf #667480 1,63:1 Nicht bestanden
Aa #667480 auf #8598A6 1,61:1 Nicht bestanden
Aa #8598A6 auf #A3BECC 1,53:1 Nicht bestanden
Aa #363940 auf #4C5359 1,48:1 Nicht bestanden
Aa #A3BECC auf #C3DCE5 1,36:1 Nicht bestanden
Aa #222426 auf #363940 1,35:1 Nicht bestanden
Aa #0B0C0D auf #222426 1,26:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben