Coiling Sky

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

Zurück zur Bibliothek

Coiling Sky

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Komplementär blueishyellowishred

Likes 11

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #E6D996;
  --c-earthy-2: #FCCBCB;
  --c-earthy-3: #78B3D6;
  --c-earthy-4: #D86969;
  --c-earthy-5: #4F7969;
  --c-earthy-6: #DEE3E2;
  --c-earthy-7: #4B372C;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Zircon (#DEE3E2) bis zum dunkelsten Ton Peat Moss (#4B372C). Sie vereint Subtle Sunshine, Elegant Light Rose, Meadow Blossom Blue, Red Geranium, Double Jeopardy, Zircon und Peat Moss in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DEE3E2 auf #4B372C mit 8,6: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

Subtle Sunshine #E6D996

RGB: rgb(230, 217, 150)
HSL: hsl(50, 62%, 75%)
Luminanz: 0,687

Elegant Light Rose #FCCBCB

RGB: rgb(252, 203, 203)
HSL: hsl(0, 89%, 89%)
Luminanz: 0,677

Meadow Blossom Blue #78B3D6

RGB: rgb(120, 179, 214)
HSL: hsl(202, 53%, 65%)
Luminanz: 0,411

Red Geranium #D86969

RGB: rgb(216, 105, 105)
HSL: hsl(0, 59%, 63%)
Luminanz: 0,257

Double Jeopardy #4F7969

RGB: rgb(79, 121, 105)
HSL: hsl(157, 21%, 39%)
Luminanz: 0,164

Zircon #DEE3E2

RGB: rgb(222, 227, 226)
HSL: hsl(168, 8%, 88%)
Luminanz: 0,760

Peat Moss #4B372C

RGB: rgb(75, 55, 44)
HSL: hsl(21, 26%, 23%)
Luminanz: 0,044

Kontrast & Barrierefreiheit

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

Aa #DEE3E2 auf #4B372C 8,60:1 AAA

Aa #E6D996 auf #4B372C 7,83:1 AAA

Aa #FCCBCB auf #4B372C 7,73:1 AAA

Aa #78B3D6 auf #4B372C 4,90:1 AA

Aa #4F7969 auf #DEE3E2 3,79:1 AA (großer Text)

Aa #E6D996 auf #4F7969 3,45:1 AA (großer Text)

Aa #FCCBCB auf #4F7969 3,40:1 AA (großer Text)

Aa #D86969 auf #4B372C 3,26:1 AA (großer Text)

Aa #D86969 auf #DEE3E2 2,64:1 Nicht bestanden

Aa #E6D996 auf #D86969 2,40:1 Nicht bestanden

Aa #FCCBCB auf #D86969 2,37:1 Nicht bestanden

Aa #4F7969 auf #4B372C 2,27:1 Nicht bestanden

Aa #78B3D6 auf #4F7969 2,16:1 Nicht bestanden

Aa #78B3D6 auf #DEE3E2 1,76:1 Nicht bestanden

Aa #E6D996 auf #78B3D6 1,60:1 Nicht bestanden

Aa #FCCBCB auf #78B3D6 1,58:1 Nicht bestanden

Aa #78B3D6 auf #D86969 1,50:1 Nicht bestanden

Aa #D86969 auf #4F7969 1,44:1 Nicht bestanden

Aa #FCCBCB auf #DEE3E2 1,11:1 Nicht bestanden

Aa #E6D996 auf #DEE3E2 1,10:1 Nicht bestanden

Aa #E6D996 auf #FCCBCB 1,01:1 Nicht bestanden

Coiling Sky

Coiling Sky

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen