Startseite Farbpaletten Dusty Rainbow 9

Dusty Rainbow 9

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

Zurück zur Bibliothek

Dusty Rainbow 9

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär green orange red blue

Likes 22

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #C97064;
  --c-earthy-2: #C08565;
  --c-earthy-3: #BCA371;
  --c-earthy-4: #90A25E;
  --c-earthy-5: #68A357;
  --c-earthy-6: #406851;
  --c-earthy-7: #2E4052;
  --c-earthy-8: #6A4A52;
  --c-earthy-9: #7B7054;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Hashibami Brown (#BCA371) bis zum dunkelsten Ton Waterhen Back (#2E4052). Sie vereint Living Large, Toasted Nut, Hashibami Brown, Zesty Apple, Astroturf, Nordic Pine, Waterhen Back, Mixed Berry Jam und Fermata in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 36 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Living Large #C97064

RGB: rgb(201, 112, 100)
HSL: hsl(7, 48%, 59%)
Luminanz: 0,249

Toasted Nut #C08565

RGB: rgb(192, 133, 101)
HSL: hsl(21, 42%, 57%)
Luminanz: 0,289

Hashibami Brown #BCA371

RGB: rgb(188, 163, 113)
HSL: hsl(40, 36%, 59%)
Luminanz: 0,381

Zesty Apple #90A25E

RGB: rgb(144, 162, 94)
HSL: hsl(76, 27%, 50%)
Luminanz: 0,326

Astroturf #68A357

RGB: rgb(104, 163, 87)
HSL: hsl(107, 30%, 49%)
Luminanz: 0,298

Nordic Pine #406851

RGB: rgb(64, 104, 81)
HSL: hsl(146, 24%, 33%)
Luminanz: 0,116

Waterhen Back #2E4052

RGB: rgb(46, 64, 82)
HSL: hsl(210, 28%, 25%)
Luminanz: 0,049

Mixed Berry Jam #6A4A52

RGB: rgb(106, 74, 82)
HSL: hsl(345, 18%, 35%)
Luminanz: 0,086

Fermata #7B7054

RGB: rgb(123, 112, 84)
HSL: hsl(43, 19%, 41%)
Luminanz: 0,164

Kontrast & Barrierefreiheit

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

Aa #BCA371 auf #2E4052 4,37:1 AA (großer Text)

Aa #90A25E auf #2E4052 3,81:1 AA (großer Text)

Aa #68A357 auf #2E4052 3,53:1 AA (großer Text)

Aa #C08565 auf #2E4052 3,44:1 AA (großer Text)

Aa #BCA371 auf #6A4A52 3,17:1 AA (großer Text)

Aa #C97064 auf #2E4052 3,04:1 AA (großer Text)

Aa #90A25E auf #6A4A52 2,77:1 Nicht bestanden

Aa #BCA371 auf #406851 2,60:1 Nicht bestanden

Aa #68A357 auf #6A4A52 2,57:1 Nicht bestanden

Aa #C08565 auf #6A4A52 2,50:1 Nicht bestanden

Aa #90A25E auf #406851 2,27:1 Nicht bestanden

Aa #C97064 auf #6A4A52 2,21:1 Nicht bestanden

Aa #2E4052 auf #7B7054 2,18:1 Nicht bestanden

Aa #68A357 auf #406851 2,10:1 Nicht bestanden

Aa #C08565 auf #406851 2,05:1 Nicht bestanden

Aa #BCA371 auf #7B7054 2,01:1 Nicht bestanden

Aa #C97064 auf #406851 1,80:1 Nicht bestanden

Aa #90A25E auf #7B7054 1,75:1 Nicht bestanden

Aa #406851 auf #2E4052 1,68:1 Nicht bestanden

Aa #68A357 auf #7B7054 1,62:1 Nicht bestanden

Aa #C08565 auf #7B7054 1,58:1 Nicht bestanden

Aa #6A4A52 auf #7B7054 1,58:1 Nicht bestanden

Aa #C97064 auf #BCA371 1,44:1 Nicht bestanden

Aa #C97064 auf #7B7054 1,40:1 Nicht bestanden

Aa #2E4052 auf #6A4A52 1,38:1 Nicht bestanden

Aa #406851 auf #7B7054 1,29:1 Nicht bestanden

Aa #C08565 auf #BCA371 1,27:1 Nicht bestanden

Aa #C97064 auf #90A25E 1,26:1 Nicht bestanden

Aa #BCA371 auf #68A357 1,24:1 Nicht bestanden

Aa #406851 auf #6A4A52 1,22:1 Nicht bestanden

Aa #C97064 auf #68A357 1,16:1 Nicht bestanden

Aa #BCA371 auf #90A25E 1,15:1 Nicht bestanden

Aa #C97064 auf #C08565 1,13:1 Nicht bestanden

Aa #C08565 auf #90A25E 1,11:1 Nicht bestanden

Aa #90A25E auf #68A357 1,08:1 Nicht bestanden

Aa #C08565 auf #68A357 1,03:1 Nicht bestanden

Dusty Rainbow 9

Dusty Rainbow 9

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen