Registrieren Registrieren
Mystic Forest

Mystic Forest

Palette mit 7 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Mystic Forest

Palette mit 7 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Gedeckt 7 Farben Kühl Gemischt Komplementär 7 colors forest colours
Likes 32
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #023C40;
  --c-muted-2: #885053;
  --c-muted-3: #6B7FD7;
  --c-muted-4: #9DACFF;
  --c-muted-5: #94C9A9;
  --c-muted-6: #C6ECAE;
  --c-muted-7: #EDEDF4;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Silver Phoenix (#EDEDF4) bis zum dunkelsten Ton Rich Black (#023C40). Sie vereint Rich Black, Roan Rouge, Tanzine, Widowmaker, Peppermint Spray, Imbued With Mint und Silver Phoenix in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #023C40 auf #EDEDF4 mit 10,46:1.

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

Farben im Detail

Rich Black #023C40
RGB
rgb(2, 60, 64)
HSL
hsl(184, 94%, 13%)
Luminanz
0,036
Roan Rouge #885053
RGB
rgb(136, 80, 83)
HSL
hsl(357, 26%, 42%)
Luminanz
0,116
Tanzine #6B7FD7
RGB
rgb(107, 127, 215)
HSL
hsl(229, 57%, 63%)
Luminanz
0,232
Widowmaker #9DACFF
RGB
rgb(157, 172, 255)
HSL
hsl(231, 100%, 81%)
Luminanz
0,439
Peppermint Spray #94C9A9
RGB
rgb(148, 201, 169)
HSL
hsl(144, 33%, 68%)
Luminanz
0,509
Imbued With Mint #C6ECAE
RGB
rgb(198, 236, 174)
HSL
hsl(97, 62%, 80%)
Luminanz
0,751
Silver Phoenix #EDEDF4
RGB
rgb(237, 237, 244)
HSL
hsl(240, 24%, 94%)
Luminanz
0,851

Kontrast & Barrierefreiheit

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

Aa #023C40 auf #EDEDF4 10,46:1 AAA
Aa #023C40 auf #C6ECAE 9,29:1 AAA
Aa #023C40 auf #94C9A9 6,49:1 AA
Aa #023C40 auf #9DACFF 5,68:1 AA
Aa #885053 auf #EDEDF4 5,43:1 AA
Aa #885053 auf #C6ECAE 4,82:1 AA
Aa #885053 auf #94C9A9 3,37:1 AA (großer Text)
Aa #023C40 auf #6B7FD7 3,27:1 AA (großer Text)
Aa #6B7FD7 auf #EDEDF4 3,19:1 AA (großer Text)
Aa #885053 auf #9DACFF 2,95:1 Nicht bestanden
Aa #6B7FD7 auf #C6ECAE 2,84:1 Nicht bestanden
Aa #6B7FD7 auf #94C9A9 1,98:1 Nicht bestanden
Aa #023C40 auf #885053 1,93:1 Nicht bestanden
Aa #9DACFF auf #EDEDF4 1,84:1 Nicht bestanden
Aa #6B7FD7 auf #9DACFF 1,73:1 Nicht bestanden
Aa #885053 auf #6B7FD7 1,70:1 Nicht bestanden
Aa #9DACFF auf #C6ECAE 1,64:1 Nicht bestanden
Aa #94C9A9 auf #EDEDF4 1,61:1 Nicht bestanden
Aa #94C9A9 auf #C6ECAE 1,43:1 Nicht bestanden
Aa #9DACFF auf #94C9A9 1,14:1 Nicht bestanden
Aa #C6ECAE auf #EDEDF4 1,13: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