Registrieren Registrieren
Leftover Salad

Leftover Salad

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

Zurück zur Bibliothek

Leftover Salad

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär muted nostalgic qirlfriend marchflowers
Likes 53
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #B6C1A7;
  --c-earthy-2: #B39671;
  --c-earthy-3: #97A15A;
  --c-earthy-4: #77A484;
  --c-earthy-5: #A594A5;
  --c-earthy-6: #907B32;
  --c-earthy-7: #528168;
  --c-earthy-8: #996A76;
  --c-earthy-9: #67798E;
  --c-earthy-10: #525A3B;
  --c-earthy-11: #365C63;
  --c-earthy-12: #2A382B;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Desolace Dew (#B6C1A7) bis zum dunkelsten Ton Aimiru Brown (#2A382B). Sie vereint Desolace Dew, Keystone, Sweet Pea, Corporate Green, Fields of Provence, Fernweh, Verdigris Roundhead, Wild Geranium, Enterprise, Blue Black Crayfish, Arctic Nights und Aimiru Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #B6C1A7 auf #2A382B mit 6,58: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

Desolace Dew #B6C1A7
RGB
rgb(182, 193, 167)
HSL
hsl(85, 17%, 71%)
Luminanz
0,509
Keystone #B39671
RGB
rgb(179, 150, 113)
HSL
hsl(34, 30%, 57%)
Luminanz
0,326
Sweet Pea #97A15A
RGB
rgb(151, 161, 90)
HSL
hsl(68, 28%, 49%)
Luminanz
0,328
Corporate Green #77A484
RGB
rgb(119, 164, 132)
HSL
hsl(137, 20%, 55%)
Luminanz
0,321
Fields of Provence #A594A5
RGB
rgb(165, 148, 165)
HSL
hsl(300, 9%, 61%)
Luminanz
0,319
Fernweh #907B32
RGB
rgb(144, 123, 50)
HSL
hsl(47, 48%, 38%)
Luminanz
0,203
Verdigris Roundhead #528168
RGB
rgb(82, 129, 104)
HSL
hsl(148, 22%, 41%)
Luminanz
0,185
Wild Geranium #996A76
RGB
rgb(153, 106, 118)
HSL
hsl(345, 19%, 51%)
Luminanz
0,184
Enterprise #67798E
RGB
rgb(103, 121, 142)
HSL
hsl(212, 16%, 48%)
Luminanz
0,185
Blue Black Crayfish #525A3B
RGB
rgb(82, 90, 59)
HSL
hsl(75, 21%, 29%)
Luminanz
0,094
Arctic Nights #365C63
RGB
rgb(54, 92, 99)
HSL
hsl(189, 29%, 30%)
Luminanz
0,093
Aimiru Brown #2A382B
RGB
rgb(42, 56, 43)
HSL
hsl(124, 14%, 19%)
Luminanz
0,035

Kontrast & Barrierefreiheit

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

Aa #B6C1A7 auf #2A382B 6,58:1 AA
Aa #97A15A auf #2A382B 4,45:1 AA (großer Text)
Aa #B39671 auf #2A382B 4,42:1 AA (großer Text)
Aa #77A484 auf #2A382B 4,37:1 AA (großer Text)
Aa #A594A5 auf #2A382B 4,34:1 AA (großer Text)
Aa #B6C1A7 auf #365C63 3,90:1 AA (großer Text)
Aa #B6C1A7 auf #525A3B 3,87:1 AA (großer Text)
Aa #907B32 auf #2A382B 2,98:1 Nicht bestanden
Aa #528168 auf #2A382B 2,77:1 Nicht bestanden
Aa #67798E auf #2A382B 2,77:1 Nicht bestanden
Aa #996A76 auf #2A382B 2,75:1 Nicht bestanden
Aa #97A15A auf #365C63 2,64:1 Nicht bestanden
Aa #B39671 auf #365C63 2,62:1 Nicht bestanden
Aa #97A15A auf #525A3B 2,62:1 Nicht bestanden
Aa #B39671 auf #525A3B 2,61:1 Nicht bestanden
Aa #77A484 auf #365C63 2,59:1 Nicht bestanden
Aa #77A484 auf #525A3B 2,58:1 Nicht bestanden
Aa #A594A5 auf #365C63 2,57:1 Nicht bestanden
Aa #A594A5 auf #525A3B 2,56:1 Nicht bestanden
Aa #B6C1A7 auf #996A76 2,39:1 Nicht bestanden
Aa #B6C1A7 auf #528168 2,38:1 Nicht bestanden
Aa #B6C1A7 auf #67798E 2,38:1 Nicht bestanden
Aa #B6C1A7 auf #907B32 2,21:1 Nicht bestanden
Aa #907B32 auf #365C63 1,77:1 Nicht bestanden
Aa #907B32 auf #525A3B 1,76:1 Nicht bestanden
Aa #525A3B auf #2A382B 1,70:1 Nicht bestanden
Aa #365C63 auf #2A382B 1,69:1 Nicht bestanden
Aa #528168 auf #365C63 1,64:1 Nicht bestanden
Aa #67798E auf #365C63 1,64:1 Nicht bestanden
Aa #528168 auf #525A3B 1,63:1 Nicht bestanden
Aa #996A76 auf #365C63 1,63:1 Nicht bestanden
Aa #67798E auf #525A3B 1,63:1 Nicht bestanden
Aa #97A15A auf #996A76 1,62:1 Nicht bestanden
Aa #996A76 auf #525A3B 1,62:1 Nicht bestanden
Aa #B39671 auf #996A76 1,61:1 Nicht bestanden
Aa #97A15A auf #528168 1,61:1 Nicht bestanden
Aa #97A15A auf #67798E 1,61:1 Nicht bestanden
Aa #B39671 auf #528168 1,60:1 Nicht bestanden
Aa #B39671 auf #67798E 1,60:1 Nicht bestanden
Aa #77A484 auf #996A76 1,59:1 Nicht bestanden
Aa #77A484 auf #528168 1,58:1 Nicht bestanden
Aa #77A484 auf #67798E 1,58:1 Nicht bestanden
Aa #A594A5 auf #996A76 1,58:1 Nicht bestanden
Aa #A594A5 auf #528168 1,57:1 Nicht bestanden
Aa #A594A5 auf #67798E 1,57:1 Nicht bestanden
Aa #B6C1A7 auf #A594A5 1,51:1 Nicht bestanden
Aa #B6C1A7 auf #77A484 1,50:1 Nicht bestanden
Aa #B6C1A7 auf #B39671 1,49:1 Nicht bestanden
Aa #97A15A auf #907B32 1,49:1 Nicht bestanden
Aa #B6C1A7 auf #97A15A 1,48:1 Nicht bestanden
Aa #B39671 auf #907B32 1,48:1 Nicht bestanden
Aa #77A484 auf #907B32 1,47:1 Nicht bestanden
Aa #A594A5 auf #907B32 1,46:1 Nicht bestanden
Aa #907B32 auf #528168 1,08:1 Nicht bestanden
Aa #907B32 auf #996A76 1,08:1 Nicht bestanden
Aa #907B32 auf #67798E 1,08:1 Nicht bestanden
Aa #B39671 auf #A594A5 1,02:1 Nicht bestanden
Aa #97A15A auf #77A484 1,02:1 Nicht bestanden
Aa #97A15A auf #A594A5 1,02:1 Nicht bestanden
Aa #B39671 auf #97A15A 1,01:1 Nicht bestanden
Aa #B39671 auf #77A484 1,01:1 Nicht bestanden
Aa #77A484 auf #A594A5 1,01:1 Nicht bestanden
Aa #996A76 auf #67798E 1,01:1 Nicht bestanden
Aa #525A3B auf #365C63 1,01:1 Nicht bestanden
Aa #528168 auf #996A76 1,00:1 Nicht bestanden
Aa #528168 auf #67798E 1,00:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben