Registrieren Registrieren
ST 8 Greenery

ST 8 Greenery

Palette mit 8 Farben · Neutral · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

ST 8 Greenery

Palette mit 8 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Gedeckt 8 Farben Neutral Gemischt Analog green artist st8 plants
Likes 57
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #040D04;
  --c-muted-2: #11260B;
  --c-muted-3: #1D4010;
  --c-muted-4: #356614;
  --c-muted-5: #68991F;
  --c-muted-6: #B4CC52;
  --c-muted-7: #E4F285;
  --c-muted-8: #F1F2E6;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Clear Yellow (#F1F2E6) bis zum dunkelsten Ton Whiten’t (#040D04). Sie vereint Whiten’t, Midnight Pines, Realm of the Underworld, Forest Empress, Elven Olympics, Forsythia Bud, Sunny Lime und Clear Yellow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #040D04 auf #F1F2E6 mit 17,46:1.

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

Farben im Detail

Whiten’t #040D04
RGB
rgb(4, 13, 4)
HSL
hsl(120, 53%, 3%)
Luminanz
0,003
Midnight Pines #11260B
RGB
rgb(17, 38, 11)
HSL
hsl(107, 55%, 10%)
Luminanz
0,015
Realm of the Underworld #1D4010
RGB
rgb(29, 64, 16)
HSL
hsl(104, 60%, 16%)
Luminanz
0,040
Forest Empress #356614
RGB
rgb(53, 102, 20)
HSL
hsl(96, 67%, 24%)
Luminanz
0,103
Elven Olympics #68991F
RGB
rgb(104, 153, 31)
HSL
hsl(84, 66%, 36%)
Luminanz
0,258
Forsythia Bud #B4CC52
RGB
rgb(180, 204, 82)
HSL
hsl(72, 54%, 56%)
Luminanz
0,535
Sunny Lime #E4F285
RGB
rgb(228, 242, 133)
HSL
hsl(68, 81%, 74%)
Luminanz
0,817
Clear Yellow #F1F2E6
RGB
rgb(241, 242, 230)
HSL
hsl(65, 32%, 93%)
Luminanz
0,879

Kontrast & Barrierefreiheit

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

Aa #040D04 auf #F1F2E6 17,46:1 AAA
Aa #040D04 auf #E4F285 16,29:1 AAA
Aa #11260B auf #F1F2E6 14,23:1 AAA
Aa #11260B auf #E4F285 13,28:1 AAA
Aa #040D04 auf #B4CC52 10,99:1 AAA
Aa #1D4010 auf #F1F2E6 10,36:1 AAA
Aa #1D4010 auf #E4F285 9,67:1 AAA
Aa #11260B auf #B4CC52 8,96:1 AAA
Aa #1D4010 auf #B4CC52 6,52:1 AA
Aa #356614 auf #F1F2E6 6,07:1 AA
Aa #040D04 auf #68991F 5,79:1 AA
Aa #356614 auf #E4F285 5,66:1 AA
Aa #11260B auf #68991F 4,72:1 AA
Aa #356614 auf #B4CC52 3,82:1 AA (großer Text)
Aa #1D4010 auf #68991F 3,44:1 AA (großer Text)
Aa #68991F auf #F1F2E6 3,01:1 AA (großer Text)
Aa #040D04 auf #356614 2,88:1 Nicht bestanden
Aa #68991F auf #E4F285 2,81:1 Nicht bestanden
Aa #11260B auf #356614 2,34:1 Nicht bestanden
Aa #356614 auf #68991F 2,01:1 Nicht bestanden
Aa #68991F auf #B4CC52 1,90:1 Nicht bestanden
Aa #1D4010 auf #356614 1,71:1 Nicht bestanden
Aa #040D04 auf #1D4010 1,68:1 Nicht bestanden
Aa #B4CC52 auf #F1F2E6 1,59:1 Nicht bestanden
Aa #B4CC52 auf #E4F285 1,48:1 Nicht bestanden
Aa #11260B auf #1D4010 1,37:1 Nicht bestanden
Aa #040D04 auf #11260B 1,23:1 Nicht bestanden
Aa #E4F285 auf #F1F2E6 1,07:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben