Registrieren Registrieren
Forest Clearing

Forest Clearing

Palette mit 6 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Forest Clearing

Palette mit 6 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Gedeckt 6 Farben Kühl Gemischt Analog green nature organic
Likes 16
Farben 6

CSS-Variablen

:root {
  --c-muted-1: #0D0D0D;
  --c-muted-2: #003333;
  --c-muted-3: #0B6648;
  --c-muted-4: #439960;
  --c-muted-5: #89CC89;
  --c-muted-6: #EEFFE6;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Crème de Menthe (#EEFFE6) bis zum dunkelsten Ton Black Sheep (#0D0D0D). Sie vereint Black Sheep, Nora’s Forest, Green Paw Paw, Clover Patch, Greek Garden und Crème de Menthe in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D0D0D auf #EEFFE6 mit 18,59:1.

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

Farben im Detail

Black Sheep #0D0D0D
RGB
rgb(13, 13, 13)
HSL
hsl(0, 0%, 5%)
Luminanz
0,004
Nora’s Forest #003333
RGB
rgb(0, 51, 51)
HSL
hsl(180, 100%, 10%)
Luminanz
0,026
Green Paw Paw #0B6648
RGB
rgb(11, 102, 72)
HSL
hsl(160, 81%, 22%)
Luminanz
0,100
Clover Patch #439960
RGB
rgb(67, 153, 96)
HSL
hsl(140, 39%, 43%)
Luminanz
0,248
Greek Garden #89CC89
RGB
rgb(137, 204, 137)
HSL
hsl(120, 40%, 67%)
Luminanz
0,503
Crème de Menthe #EEFFE6
RGB
rgb(238, 255, 230)
HSL
hsl(101, 100%, 95%)
Luminanz
0,954

Kontrast & Barrierefreiheit

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

Aa #0D0D0D auf #EEFFE6 18,59:1 AAA
Aa #003333 auf #EEFFE6 13,20:1 AAA
Aa #0D0D0D auf #89CC89 10,24:1 AAA
Aa #003333 auf #89CC89 7,27:1 AAA
Aa #0B6648 auf #EEFFE6 6,68:1 AA
Aa #0D0D0D auf #439960 5,52:1 AA
Aa #003333 auf #439960 3,92:1 AA (großer Text)
Aa #0B6648 auf #89CC89 3,68:1 AA (großer Text)
Aa #439960 auf #EEFFE6 3,37:1 AA (großer Text)
Aa #0D0D0D auf #0B6648 2,78:1 Nicht bestanden
Aa #003333 auf #0B6648 1,98:1 Nicht bestanden
Aa #0B6648 auf #439960 1,98:1 Nicht bestanden
Aa #439960 auf #89CC89 1,85:1 Nicht bestanden
Aa #89CC89 auf #EEFFE6 1,82:1 Nicht bestanden
Aa #0D0D0D auf #003333 1,41: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