Weird Autumn

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

Zurück zur Bibliothek

Weird Autumn

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär autumn

Likes 82

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #0D1226;
  --c-earthy-2: #3D2E22;
  --c-earthy-3: #5C4927;
  --c-earthy-4: #8B5121;
  --c-earthy-5: #BF7329;
  --c-earthy-6: #D0934D;
  --c-earthy-7: #D7AA70;
  --c-earthy-8: #C9B294;
  --c-earthy-9: #C9BB9F;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Land Rush Bone (#C9BB9F) bis zum dunkelsten Ton Corbeau (#0D1226). Sie vereint Corbeau, Cola, Nightingale, Plane Brown, Desert Sun, Salt Caramel, Flower Field, Basswood und Land Rush Bone in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D1226 auf #C9BB9F mit 9,8: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

Corbeau #0D1226

RGB: rgb(13, 18, 38)
HSL: hsl(228, 49%, 10%)
Luminanz: 0,007

Cola #3D2E22

RGB: rgb(61, 46, 34)
HSL: hsl(27, 28%, 19%)
Luminanz: 0,031

Nightingale #5C4927

RGB: rgb(92, 73, 39)
HSL: hsl(38, 40%, 26%)
Luminanz: 0,072

Plane Brown #8B5121

RGB: rgb(139, 81, 33)
HSL: hsl(27, 62%, 34%)
Luminanz: 0,115

Desert Sun #BF7329

RGB: rgb(191, 115, 41)
HSL: hsl(30, 65%, 45%)
Luminanz: 0,235

Salt Caramel #D0934D

RGB: rgb(208, 147, 77)
HSL: hsl(32, 58%, 56%)
Luminanz: 0,348

Flower Field #D7AA70

RGB: rgb(215, 170, 112)
HSL: hsl(34, 56%, 64%)
Luminanz: 0,444

Basswood #C9B294

RGB: rgb(201, 178, 148)
HSL: hsl(34, 33%, 68%)
Luminanz: 0,464

Land Rush Bone #C9BB9F

RGB: rgb(201, 187, 159)
HSL: hsl(40, 28%, 71%)
Luminanz: 0,505

Kontrast & Barrierefreiheit

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

Aa #0D1226 auf #C9BB9F 9,80:1 AAA

Aa #0D1226 auf #C9B294 9,08:1 AAA

Aa #0D1226 auf #D7AA70 8,72:1 AAA

Aa #0D1226 auf #D0934D 7,04:1 AAA

Aa #3D2E22 auf #C9BB9F 6,88:1 AA

Aa #3D2E22 auf #C9B294 6,38:1 AA

Aa #3D2E22 auf #D7AA70 6,12:1 AA

Aa #0D1226 auf #BF7329 5,04:1 AA

Aa #3D2E22 auf #D0934D 4,94:1 AA

Aa #5C4927 auf #C9BB9F 4,55:1 AA

Aa #5C4927 auf #C9B294 4,22:1 AA (großer Text)

Aa #5C4927 auf #D7AA70 4,05:1 AA (großer Text)

Aa #3D2E22 auf #BF7329 3,54:1 AA (großer Text)

Aa #8B5121 auf #C9BB9F 3,36:1 AA (großer Text)

Aa #5C4927 auf #D0934D 3,27:1 AA (großer Text)

Aa #8B5121 auf #C9B294 3,12:1 AA (großer Text)

Aa #8B5121 auf #D7AA70 2,99:1 Nicht bestanden

Aa #0D1226 auf #8B5121 2,91:1 Nicht bestanden

Aa #8B5121 auf #D0934D 2,42:1 Nicht bestanden

Aa #5C4927 auf #BF7329 2,34:1 Nicht bestanden

Aa #0D1226 auf #5C4927 2,15:1 Nicht bestanden

Aa #3D2E22 auf #8B5121 2,04:1 Nicht bestanden

Aa #BF7329 auf #C9BB9F 1,95:1 Nicht bestanden

Aa #BF7329 auf #C9B294 1,80:1 Nicht bestanden

Aa #8B5121 auf #BF7329 1,73:1 Nicht bestanden

Aa #BF7329 auf #D7AA70 1,73:1 Nicht bestanden

Aa #3D2E22 auf #5C4927 1,51:1 Nicht bestanden

Aa #0D1226 auf #3D2E22 1,42:1 Nicht bestanden

Aa #BF7329 auf #D0934D 1,40:1 Nicht bestanden

Aa #D0934D auf #C9BB9F 1,39:1 Nicht bestanden

Aa #5C4927 auf #8B5121 1,35:1 Nicht bestanden

Aa #D0934D auf #C9B294 1,29:1 Nicht bestanden

Aa #D0934D auf #D7AA70 1,24:1 Nicht bestanden

Aa #D7AA70 auf #C9BB9F 1,12:1 Nicht bestanden

Aa #C9B294 auf #C9BB9F 1,08:1 Nicht bestanden

Aa #D7AA70 auf #C9B294 1,04:1 Nicht bestanden

Weird Autumn

Weird Autumn

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen