CLOUDY BEACH

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

Zurück zur Bibliothek

CLOUDY BEACH

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär landscape nature beach

Likes 14

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #F1E3B0;
  --c-earthy-2: #CBA149;
  --c-earthy-3: #A06B2F;
  --c-earthy-4: #527185;
  --c-earthy-5: #E0E2E9;
  --c-earthy-6: #667379;
  --c-earthy-7: #394145;
  --c-earthy-8: #181715;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Butter Cookie (#F1E3B0) bis zum dunkelsten Ton Cynical Black (#181715). Sie vereint Butter Cookie, Golden Sheaf, Buttered Rum, Shipyard, December Dawn, Rain Shadow, Charade und Cynical Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F1E3B0 auf #181715 mit 13,95: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

Butter Cookie #F1E3B0

RGB: rgb(241, 227, 176)
HSL: hsl(47, 70%, 82%)
Luminanz: 0,768

Golden Sheaf #CBA149

RGB: rgb(203, 161, 73)
HSL: hsl(41, 56%, 54%)
Luminanz: 0,387

Buttered Rum #A06B2F

RGB: rgb(160, 107, 47)
HSL: hsl(32, 55%, 41%)
Luminanz: 0,182

Shipyard #527185

RGB: rgb(82, 113, 133)
HSL: hsl(204, 24%, 42%)
Luminanz: 0,153

December Dawn #E0E2E9

RGB: rgb(224, 226, 233)
HSL: hsl(227, 17%, 90%)
Luminanz: 0,761

Rain Shadow #667379

RGB: rgb(102, 115, 121)
HSL: hsl(199, 9%, 44%)
Luminanz: 0,165

Charade #394145

RGB: rgb(57, 65, 69)
HSL: hsl(200, 10%, 25%)
Luminanz: 0,051

Cynical Black #181715

RGB: rgb(24, 23, 21)
HSL: hsl(40, 7%, 9%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #F1E3B0 auf #181715 13,95:1 AAA

Aa #E0E2E9 auf #181715 13,84:1 AAA

Aa #F1E3B0 auf #394145 8,11:1 AAA

Aa #E0E2E9 auf #394145 8,05:1 AAA

Aa #CBA149 auf #181715 7,45:1 AAA

Aa #CBA149 auf #394145 4,33:1 AA (großer Text)

Aa #F1E3B0 auf #527185 4,03:1 AA (großer Text)

Aa #527185 auf #E0E2E9 4,00:1 AA (großer Text)

Aa #A06B2F auf #181715 3,96:1 AA (großer Text)

Aa #F1E3B0 auf #667379 3,81:1 AA (großer Text)

Aa #E0E2E9 auf #667379 3,78:1 AA (großer Text)

Aa #667379 auf #181715 3,66:1 AA (großer Text)

Aa #F1E3B0 auf #A06B2F 3,53:1 AA (großer Text)

Aa #A06B2F auf #E0E2E9 3,50:1 AA (großer Text)

Aa #527185 auf #181715 3,46:1 AA (großer Text)

Aa #A06B2F auf #394145 2,30:1 Nicht bestanden

Aa #CBA149 auf #527185 2,15:1 Nicht bestanden

Aa #667379 auf #394145 2,13:1 Nicht bestanden

Aa #CBA149 auf #667379 2,03:1 Nicht bestanden

Aa #527185 auf #394145 2,01:1 Nicht bestanden

Aa #CBA149 auf #A06B2F 1,88:1 Nicht bestanden

Aa #F1E3B0 auf #CBA149 1,87:1 Nicht bestanden

Aa #CBA149 auf #E0E2E9 1,86:1 Nicht bestanden

Aa #394145 auf #181715 1,72:1 Nicht bestanden

Aa #A06B2F auf #527185 1,14:1 Nicht bestanden

Aa #A06B2F auf #667379 1,08:1 Nicht bestanden

Aa #527185 auf #667379 1,06:1 Nicht bestanden

Aa #F1E3B0 auf #E0E2E9 1,01:1 Nicht bestanden

CLOUDY BEACH

CLOUDY BEACH

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen