Cozy Valley

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

Zurück zur Bibliothek

Cozy Valley

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär cute light cozy cottagecore

Likes 37

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #637C67;
  --c-earthy-2: #1E3230;
  --c-earthy-3: #6E130E;
  --c-earthy-4: #A92500;
  --c-earthy-5: #D9915F;
  --c-earthy-6: #F5CE97;
  --c-earthy-7: #FFF3D1;
  --c-earthy-8: #AFB599;
  --c-earthy-9: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Dark Pine Green (#1E3230). Sie vereint Stone Cypress Green, Dark Pine Green, Sanguine, Saveloy, Longhorn, Impala, Cashmere Sweater, White Cabbage und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E3230 auf #FFFFFF mit 13,51: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

Stone Cypress Green #637C67

RGB: rgb(99, 124, 103)
HSL: hsl(130, 11%, 44%)
Luminanz: 0,181

Dark Pine Green #1E3230

RGB: rgb(30, 50, 48)
HSL: hsl(174, 25%, 16%)
Luminanz: 0,028

Sanguine #6E130E

RGB: rgb(110, 19, 14)
HSL: hsl(3, 77%, 24%)
Luminanz: 0,038

Saveloy #A92500

RGB: rgb(169, 37, 0)
HSL: hsl(13, 100%, 33%)
Luminanz: 0,098

Longhorn #D9915F

RGB: rgb(217, 145, 95)
HSL: hsl(25, 62%, 61%)
Luminanz: 0,358

Impala #F5CE97

RGB: rgb(245, 206, 151)
HSL: hsl(35, 82%, 78%)
Luminanz: 0,658

Cashmere Sweater #FFF3D1

RGB: rgb(255, 243, 209)
HSL: hsl(44, 100%, 91%)
Luminanz: 0,900

White Cabbage #AFB599

RGB: rgb(175, 181, 153)
HSL: hsl(73, 16%, 65%)
Luminanz: 0,445

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #1E3230 auf #FFFFFF 13,51:1 AAA

Aa #1E3230 auf #FFF3D1 12,22:1 AAA

Aa #6E130E auf #FFFFFF 11,91:1 AAA

Aa #6E130E auf #FFF3D1 10,78:1 AAA

Aa #1E3230 auf #F5CE97 9,11:1 AAA

Aa #6E130E auf #F5CE97 8,03:1 AAA

Aa #A92500 auf #FFFFFF 7,11:1 AAA

Aa #A92500 auf #FFF3D1 6,43:1 AA

Aa #1E3230 auf #AFB599 6,37:1 AA

Aa #6E130E auf #AFB599 5,61:1 AA

Aa #1E3230 auf #D9915F 5,25:1 AA

Aa #A92500 auf #F5CE97 4,80:1 AA

Aa #6E130E auf #D9915F 4,63:1 AA

Aa #637C67 auf #FFFFFF 4,56:1 AA

Aa #637C67 auf #FFF3D1 4,12:1 AA (großer Text)

Aa #A92500 auf #AFB599 3,35:1 AA (großer Text)

Aa #637C67 auf #F5CE97 3,07:1 AA (großer Text)

Aa #637C67 auf #1E3230 2,97:1 Nicht bestanden

Aa #A92500 auf #D9915F 2,77:1 Nicht bestanden

Aa #637C67 auf #6E130E 2,62:1 Nicht bestanden

Aa #D9915F auf #FFFFFF 2,57:1 Nicht bestanden

Aa #D9915F auf #FFF3D1 2,33:1 Nicht bestanden

Aa #637C67 auf #AFB599 2,15:1 Nicht bestanden

Aa #AFB599 auf #FFFFFF 2,12:1 Nicht bestanden

Aa #FFF3D1 auf #AFB599 1,92:1 Nicht bestanden

Aa #1E3230 auf #A92500 1,90:1 Nicht bestanden

Aa #637C67 auf #D9915F 1,77:1 Nicht bestanden

Aa #D9915F auf #F5CE97 1,73:1 Nicht bestanden

Aa #6E130E auf #A92500 1,67:1 Nicht bestanden

Aa #637C67 auf #A92500 1,56:1 Nicht bestanden

Aa #F5CE97 auf #FFFFFF 1,48:1 Nicht bestanden

Aa #F5CE97 auf #AFB599 1,43:1 Nicht bestanden

Aa #F5CE97 auf #FFF3D1 1,34:1 Nicht bestanden

Aa #D9915F auf #AFB599 1,21:1 Nicht bestanden

Aa #1E3230 auf #6E130E 1,13:1 Nicht bestanden

Aa #FFF3D1 auf #FFFFFF 1,11:1 Nicht bestanden

Cozy Valley

Cozy Valley

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen