Registrieren Registrieren
Foggy Nature

Foggy Nature

Palette mit 12 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Foggy Nature

Palette mit 12 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Neutral Gemischt Komplementär green grey nature neutral
Likes 31
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #BFBFFF;
  --c-earthy-2: #9F9FCF;
  --c-earthy-3: #937FA2;
  --c-earthy-4: #925F79;
  --c-earthy-5: #584049;
  --c-earthy-6: #273620;
  --c-earthy-7: #032300;
  --c-earthy-8: #93887F;
  --c-earthy-9: #926D5F;
  --c-earthy-10: #274020;
  --c-earthy-11: #585940;
  --c-earthy-12: #9FA3B3;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Dried Lilac (#BFBFFF) bis zum dunkelsten Ton Rainforest Nights (#032300). Sie vereint Dried Lilac, Indigo Child, Violet Chalk, Victorian Plum, Bruised Burgundy, Mountain Range Green, Rainforest Nights, Abandoned Mansion, Chocolate Curl, Myrtle, Pinetop und Great Falls in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #BFBFFF auf #032300 mit 9,73:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Dried Lilac #BFBFFF
RGB
rgb(191, 191, 255)
HSL
hsl(240, 100%, 87%)
Luminanz
0,556
Indigo Child #9F9FCF
RGB
rgb(159, 159, 207)
HSL
hsl(240, 33%, 72%)
Luminanz
0,367
Violet Chalk #937FA2
RGB
rgb(147, 127, 162)
HSL
hsl(274, 16%, 57%)
Luminanz
0,240
Victorian Plum #925F79
RGB
rgb(146, 95, 121)
HSL
hsl(329, 21%, 47%)
Luminanz
0,157
Bruised Burgundy #584049
RGB
rgb(88, 64, 73)
HSL
hsl(338, 16%, 30%)
Luminanz
0,062
Mountain Range Green #273620
RGB
rgb(39, 54, 32)
HSL
hsl(101, 26%, 17%)
Luminanz
0,032
Rainforest Nights #032300
RGB
rgb(3, 35, 0)
HSL
hsl(115, 100%, 7%)
Luminanz
0,012
Abandoned Mansion #93887F
RGB
rgb(147, 136, 127)
HSL
hsl(27, 8%, 54%)
Luminanz
0,253
Chocolate Curl #926D5F
RGB
rgb(146, 109, 95)
HSL
hsl(16, 21%, 47%)
Luminanz
0,179
Myrtle #274020
RGB
rgb(39, 64, 32)
HSL
hsl(107, 33%, 19%)
Luminanz
0,042
Pinetop #585940
RGB
rgb(88, 89, 64)
HSL
hsl(62, 16%, 30%)
Luminanz
0,096
Great Falls #9FA3B3
RGB
rgb(159, 163, 179)
HSL
hsl(228, 12%, 66%)
Luminanz
0,368

Kontrast & Barrierefreiheit

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

Aa #BFBFFF auf #032300 9,73:1 AAA
Aa #BFBFFF auf #273620 7,41:1 AAA
Aa #032300 auf #9FA3B3 6,72:1 AA
Aa #9F9FCF auf #032300 6,70:1 AA
Aa #BFBFFF auf #274020 6,58:1 AA
Aa #BFBFFF auf #584049 5,40:1 AA
Aa #273620 auf #9FA3B3 5,12:1 AA
Aa #9F9FCF auf #273620 5,10:1 AA
Aa #032300 auf #93887F 4,88:1 AA
Aa #937FA2 auf #032300 4,66:1 AA
Aa #274020 auf #9FA3B3 4,54:1 AA
Aa #9F9FCF auf #274020 4,53:1 AA
Aa #BFBFFF auf #585940 4,15:1 AA (großer Text)
Aa #584049 auf #9FA3B3 3,73:1 AA (großer Text)
Aa #9F9FCF auf #584049 3,71:1 AA (großer Text)
Aa #273620 auf #93887F 3,71:1 AA (großer Text)
Aa #032300 auf #926D5F 3,68:1 AA (großer Text)
Aa #937FA2 auf #273620 3,55:1 AA (großer Text)
Aa #925F79 auf #032300 3,32:1 AA (großer Text)
Aa #93887F auf #274020 3,30:1 AA (großer Text)
Aa #937FA2 auf #274020 3,15:1 AA (großer Text)
Aa #BFBFFF auf #925F79 2,93:1 Nicht bestanden
Aa #585940 auf #9FA3B3 2,87:1 Nicht bestanden
Aa #9F9FCF auf #585940 2,86:1 Nicht bestanden
Aa #273620 auf #926D5F 2,80:1 Nicht bestanden
Aa #584049 auf #93887F 2,70:1 Nicht bestanden
Aa #BFBFFF auf #926D5F 2,65:1 Nicht bestanden
Aa #937FA2 auf #584049 2,58:1 Nicht bestanden
Aa #925F79 auf #273620 2,53:1 Nicht bestanden
Aa #926D5F auf #274020 2,49:1 Nicht bestanden
Aa #032300 auf #585940 2,35:1 Nicht bestanden
Aa #925F79 auf #274020 2,25:1 Nicht bestanden
Aa #BFBFFF auf #937FA2 2,09:1 Nicht bestanden
Aa #93887F auf #585940 2,08:1 Nicht bestanden
Aa #584049 auf #926D5F 2,04:1 Nicht bestanden
Aa #9F9FCF auf #925F79 2,02:1 Nicht bestanden
Aa #925F79 auf #9FA3B3 2,02:1 Nicht bestanden
Aa #BFBFFF auf #93887F 2,00:1 Nicht bestanden
Aa #937FA2 auf #585940 1,99:1 Nicht bestanden
Aa #925F79 auf #584049 1,84:1 Nicht bestanden
Aa #926D5F auf #9FA3B3 1,83:1 Nicht bestanden
Aa #9F9FCF auf #926D5F 1,82:1 Nicht bestanden
Aa #584049 auf #032300 1,80:1 Nicht bestanden
Aa #273620 auf #585940 1,78:1 Nicht bestanden
Aa #274020 auf #585940 1,59:1 Nicht bestanden
Aa #926D5F auf #585940 1,57:1 Nicht bestanden
Aa #032300 auf #274020 1,48:1 Nicht bestanden
Aa #925F79 auf #93887F 1,47:1 Nicht bestanden
Aa #BFBFFF auf #9F9FCF 1,45:1 Nicht bestanden
Aa #BFBFFF auf #9FA3B3 1,45:1 Nicht bestanden
Aa #9F9FCF auf #937FA2 1,44:1 Nicht bestanden
Aa #937FA2 auf #9FA3B3 1,44:1 Nicht bestanden
Aa #925F79 auf #585940 1,42:1 Nicht bestanden
Aa #937FA2 auf #925F79 1,40:1 Nicht bestanden
Aa #93887F auf #9FA3B3 1,38:1 Nicht bestanden
Aa #9F9FCF auf #93887F 1,37:1 Nicht bestanden
Aa #584049 auf #273620 1,37:1 Nicht bestanden
Aa #93887F auf #926D5F 1,33:1 Nicht bestanden
Aa #273620 auf #032300 1,31:1 Nicht bestanden
Aa #584049 auf #585940 1,30:1 Nicht bestanden
Aa #937FA2 auf #926D5F 1,27:1 Nicht bestanden
Aa #584049 auf #274020 1,22:1 Nicht bestanden
Aa #273620 auf #274020 1,13:1 Nicht bestanden
Aa #925F79 auf #926D5F 1,11:1 Nicht bestanden
Aa #937FA2 auf #93887F 1,05:1 Nicht bestanden
Aa #9F9FCF auf #9FA3B3 1,00: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