Iced Coffee

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

Zurück zur Bibliothek

Iced Coffee

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

Bearbeiten

Erdig 7 Farben Neutral Gemischt Komplementär

Likes 32

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #E6FAFF;
  --c-earthy-2: #95C4E5;
  --c-earthy-3: #7EA8E6;
  --c-earthy-4: #6E636F;
  --c-earthy-5: #664033;
  --c-earthy-6: #4D2D22;
  --c-earthy-7: #331C14;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Calm Waters (#E6FAFF) bis zum dunkelsten Ton Scorched (#331C14). Sie vereint Calm Waters, Salvia Blue, Jordy Blue, Vintage Grape, Roasted Coffee, Couch und Scorched in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E6FAFF auf #331C14 mit 14,79: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

Calm Waters #E6FAFF

RGB: rgb(230, 250, 255)
HSL: hsl(192, 100%, 95%)
Luminanz: 0,924

Salvia Blue #95C4E5

RGB: rgb(149, 196, 229)
HSL: hsl(205, 61%, 74%)
Luminanz: 0,515

Jordy Blue #7EA8E6

RGB: rgb(126, 168, 230)
HSL: hsl(216, 68%, 70%)
Luminanz: 0,382

Vintage Grape #6E636F

RGB: rgb(110, 99, 111)
HSL: hsl(295, 6%, 41%)
Luminanz: 0,134

Roasted Coffee #664033

RGB: rgb(102, 64, 51)
HSL: hsl(15, 33%, 30%)
Luminanz: 0,067

Couch #4D2D22

RGB: rgb(77, 45, 34)
HSL: hsl(15, 39%, 22%)
Luminanz: 0,036

Scorched #331C14

RGB: rgb(51, 28, 20)
HSL: hsl(15, 44%, 14%)
Luminanz: 0,016

Kontrast & Barrierefreiheit

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

Aa #E6FAFF auf #331C14 14,79:1 AAA

Aa #E6FAFF auf #4D2D22 11,37:1 AAA

Aa #95C4E5 auf #331C14 8,58:1 AAA

Aa #E6FAFF auf #664033 8,30:1 AAA

Aa #95C4E5 auf #4D2D22 6,60:1 AA

Aa #7EA8E6 auf #331C14 6,55:1 AA

Aa #E6FAFF auf #6E636F 5,30:1 AA

Aa #7EA8E6 auf #4D2D22 5,04:1 AA

Aa #95C4E5 auf #664033 4,82:1 AA

Aa #7EA8E6 auf #664033 3,68:1 AA (großer Text)

Aa #95C4E5 auf #6E636F 3,07:1 AA (großer Text)

Aa #6E636F auf #331C14 2,79:1 Nicht bestanden

Aa #7EA8E6 auf #6E636F 2,35:1 Nicht bestanden

Aa #E6FAFF auf #7EA8E6 2,26:1 Nicht bestanden

Aa #6E636F auf #4D2D22 2,15:1 Nicht bestanden

Aa #664033 auf #331C14 1,78:1 Nicht bestanden

Aa #E6FAFF auf #95C4E5 1,72:1 Nicht bestanden

Aa #6E636F auf #664033 1,57:1 Nicht bestanden

Aa #664033 auf #4D2D22 1,37:1 Nicht bestanden

Aa #95C4E5 auf #7EA8E6 1,31:1 Nicht bestanden

Aa #4D2D22 auf #331C14 1,30:1 Nicht bestanden

Iced Coffee

Iced Coffee

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen