Registrieren Registrieren
OLDSUMMER

OLDSUMMER

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

Zurück zur Bibliothek

OLDSUMMER

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

Bearbeiten
Erdig 10 Farben Neutral Gemischt Komplementär warm retro summer sun
Likes 32
Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #BD956A;
  --c-earthy-2: #5A655A;
  --c-earthy-3: #415073;
  --c-earthy-4: #8B697B;
  --c-earthy-5: #94384A;
  --c-earthy-6: #E6D6A4;
  --c-earthy-7: #6A918B;
  --c-earthy-8: #8399B4;
  --c-earthy-9: #9C899C;
  --c-earthy-10: #DE9194;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Bakelite (#E6D6A4) bis zum dunkelsten Ton Astronaut (#415073). Sie vereint Light Bronzer, Imperial Palm, Astronaut, Imaginary Mauve, Luscious, Bakelite, Oil Blue, Polished Metal, Greige Violet und Fresh Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #415073 auf #E6D6A4 mit 5,54: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

Light Bronzer #BD956A
RGB
rgb(189, 149, 106)
HSL
hsl(31, 39%, 58%)
Luminanz
0,334
Imperial Palm #5A655A
RGB
rgb(90, 101, 90)
HSL
hsl(120, 6%, 37%)
Luminanz
0,122
Astronaut #415073
RGB
rgb(65, 80, 115)
HSL
hsl(222, 28%, 35%)
Luminanz
0,081
Imaginary Mauve #8B697B
RGB
rgb(139, 105, 123)
HSL
hsl(328, 14%, 48%)
Luminanz
0,170
Luscious #94384A
RGB
rgb(148, 56, 74)
HSL
hsl(348, 45%, 40%)
Luminanz
0,096
Bakelite #E6D6A4
RGB
rgb(230, 214, 164)
HSL
hsl(45, 57%, 77%)
Luminanz
0,676
Oil Blue #6A918B
RGB
rgb(106, 145, 139)
HSL
hsl(171, 16%, 49%)
Luminanz
0,252
Polished Metal #8399B4
RGB
rgb(131, 153, 180)
HSL
hsl(213, 25%, 61%)
Luminanz
0,309
Greige Violet #9C899C
RGB
rgb(156, 137, 156)
HSL
hsl(300, 9%, 57%)
Luminanz
0,274
Fresh Pink #DE9194
RGB
rgb(222, 145, 148)
HSL
hsl(358, 54%, 72%)
Luminanz
0,379

Kontrast & Barrierefreiheit

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

Aa #415073 auf #E6D6A4 5,54:1 AA
Aa #94384A auf #E6D6A4 4,97:1 AA
Aa #5A655A auf #E6D6A4 4,22:1 AA (großer Text)
Aa #8B697B auf #E6D6A4 3,30:1 AA (großer Text)
Aa #415073 auf #DE9194 3,28:1 AA (großer Text)
Aa #94384A auf #DE9194 2,94:1 Nicht bestanden
Aa #BD956A auf #415073 2,93:1 Nicht bestanden
Aa #415073 auf #8399B4 2,74:1 Nicht bestanden
Aa #BD956A auf #94384A 2,62:1 Nicht bestanden
Aa #5A655A auf #DE9194 2,49:1 Nicht bestanden
Aa #415073 auf #9C899C 2,47:1 Nicht bestanden
Aa #94384A auf #8399B4 2,46:1 Nicht bestanden
Aa #E6D6A4 auf #6A918B 2,41:1 Nicht bestanden
Aa #415073 auf #6A918B 2,30:1 Nicht bestanden
Aa #E6D6A4 auf #9C899C 2,24:1 Nicht bestanden
Aa #BD956A auf #5A655A 2,23:1 Nicht bestanden
Aa #94384A auf #9C899C 2,21:1 Nicht bestanden
Aa #5A655A auf #8399B4 2,09:1 Nicht bestanden
Aa #94384A auf #6A918B 2,06:1 Nicht bestanden
Aa #E6D6A4 auf #8399B4 2,02:1 Nicht bestanden
Aa #8B697B auf #DE9194 1,95:1 Nicht bestanden
Aa #BD956A auf #E6D6A4 1,89:1 Nicht bestanden
Aa #5A655A auf #9C899C 1,88:1 Nicht bestanden
Aa #5A655A auf #6A918B 1,75:1 Nicht bestanden
Aa #BD956A auf #8B697B 1,74:1 Nicht bestanden
Aa #E6D6A4 auf #DE9194 1,69:1 Nicht bestanden
Aa #415073 auf #8B697B 1,68:1 Nicht bestanden
Aa #8B697B auf #8399B4 1,63:1 Nicht bestanden
Aa #8B697B auf #94384A 1,51:1 Nicht bestanden
Aa #8B697B auf #9C899C 1,47:1 Nicht bestanden
Aa #6A918B auf #DE9194 1,42:1 Nicht bestanden
Aa #8B697B auf #6A918B 1,37:1 Nicht bestanden
Aa #9C899C auf #DE9194 1,33:1 Nicht bestanden
Aa #5A655A auf #415073 1,31:1 Nicht bestanden
Aa #5A655A auf #8B697B 1,28:1 Nicht bestanden
Aa #BD956A auf #6A918B 1,27:1 Nicht bestanden
Aa #8399B4 auf #DE9194 1,20:1 Nicht bestanden
Aa #BD956A auf #9C899C 1,19:1 Nicht bestanden
Aa #6A918B auf #8399B4 1,19:1 Nicht bestanden
Aa #5A655A auf #94384A 1,18:1 Nicht bestanden
Aa #BD956A auf #DE9194 1,12:1 Nicht bestanden
Aa #415073 auf #94384A 1,12:1 Nicht bestanden
Aa #8399B4 auf #9C899C 1,11:1 Nicht bestanden
Aa #BD956A auf #8399B4 1,07:1 Nicht bestanden
Aa #6A918B auf #9C899C 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