Startseite Farbpaletten Dreamy Summer

Dreamy Summer

Palette mit 8 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Dreamy Summer

Palette mit 8 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Erdig 8 Farben Warm Hell Analog pink purple pastel yellow

Likes 27

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #F9E9D4;
  --c-earthy-2: #EAD0B5;
  --c-earthy-3: #E0B7AC;
  --c-earthy-4: #E6C3D1;
  --c-earthy-5: #B2ADBC;
  --c-earthy-6: #9C8199;
  --c-earthy-7: #7F5A82;
  --c-earthy-8: #4D3048;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Dwindling Dandelion (#F9E9D4) bis zum dunkelsten Ton Loulou (#4D3048). Sie vereint Dwindling Dandelion, Kingdom’s Keys, Salmon Grey, Misty Memories, Wisteria Trellis, Berry Bliss, Trendy Pink und Loulou in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F9E9D4 auf #4D3048 mit 9,63: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

Dwindling Dandelion #F9E9D4

RGB: rgb(249, 233, 212)
HSL: hsl(34, 76%, 90%)
Luminanz: 0,832

Kingdom’s Keys #EAD0B5

RGB: rgb(234, 208, 181)
HSL: hsl(31, 56%, 81%)
Luminanz: 0,659

Salmon Grey #E0B7AC

RGB: rgb(224, 183, 172)
HSL: hsl(13, 46%, 78%)
Luminanz: 0,527

Misty Memories #E6C3D1

RGB: rgb(230, 195, 209)
HSL: hsl(336, 41%, 83%)
Luminanz: 0,605

Wisteria Trellis #B2ADBC

RGB: rgb(178, 173, 188)
HSL: hsl(260, 10%, 71%)
Luminanz: 0,430

Berry Bliss #9C8199

RGB: rgb(156, 129, 153)
HSL: hsl(307, 12%, 56%)
Luminanz: 0,251

Trendy Pink #7F5A82

RGB: rgb(127, 90, 130)
HSL: hsl(296, 18%, 43%)
Luminanz: 0,134

Loulou #4D3048

RGB: rgb(77, 48, 72)
HSL: hsl(310, 23%, 25%)
Luminanz: 0,042

Kontrast & Barrierefreiheit

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

Aa #F9E9D4 auf #4D3048 9,63:1 AAA

Aa #EAD0B5 auf #4D3048 7,74:1 AAA

Aa #E6C3D1 auf #4D3048 7,15:1 AAA

Aa #E0B7AC auf #4D3048 6,30:1 AA

Aa #B2ADBC auf #4D3048 5,24:1 AA

Aa #F9E9D4 auf #7F5A82 4,78:1 AA

Aa #EAD0B5 auf #7F5A82 3,85:1 AA (großer Text)

Aa #E6C3D1 auf #7F5A82 3,55:1 AA (großer Text)

Aa #9C8199 auf #4D3048 3,28:1 AA (großer Text)

Aa #E0B7AC auf #7F5A82 3,13:1 AA (großer Text)

Aa #F9E9D4 auf #9C8199 2,93:1 Nicht bestanden

Aa #B2ADBC auf #7F5A82 2,60:1 Nicht bestanden

Aa #EAD0B5 auf #9C8199 2,36:1 Nicht bestanden

Aa #E6C3D1 auf #9C8199 2,18:1 Nicht bestanden

Aa #7F5A82 auf #4D3048 2,01:1 Nicht bestanden

Aa #E0B7AC auf #9C8199 1,92:1 Nicht bestanden

Aa #F9E9D4 auf #B2ADBC 1,84:1 Nicht bestanden

Aa #9C8199 auf #7F5A82 1,63:1 Nicht bestanden

Aa #B2ADBC auf #9C8199 1,60:1 Nicht bestanden

Aa #F9E9D4 auf #E0B7AC 1,53:1 Nicht bestanden

Aa #EAD0B5 auf #B2ADBC 1,48:1 Nicht bestanden

Aa #E6C3D1 auf #B2ADBC 1,36:1 Nicht bestanden

Aa #F9E9D4 auf #E6C3D1 1,35:1 Nicht bestanden

Aa #F9E9D4 auf #EAD0B5 1,24:1 Nicht bestanden

Aa #EAD0B5 auf #E0B7AC 1,23:1 Nicht bestanden

Aa #E0B7AC auf #B2ADBC 1,20:1 Nicht bestanden

Aa #E0B7AC auf #E6C3D1 1,13:1 Nicht bestanden

Aa #EAD0B5 auf #E6C3D1 1,08:1 Nicht bestanden

Dreamy Summer

Dreamy Summer

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen