Soviet X12

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Soviet X12

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Erdig 12 Farben Warm Dunkel Analog old aesthetic retro soviet

Likes 47

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #090706;
  --c-earthy-2: #1D1613;
  --c-earthy-3: #332923;
  --c-earthy-4: #521818;
  --c-earthy-5: #732820;
  --c-earthy-6: #A73E2C;
  --c-earthy-7: #C58129;
  --c-earthy-8: #DEAA31;
  --c-earthy-9: #FFD64A;
  --c-earthy-10: #E69552;
  --c-earthy-11: #EEBA73;
  --c-earthy-12: #FFDA94;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Cha-Cha-Cha (#FFDA94) bis zum dunkelsten Ton Accursed Black (#090706). Sie vereint Accursed Black, Nightshade Berries, Betel Nut Dye, Spinel Red, Hazelnut Kisses, Edocha, Geebung, Currywurst, Tuscan Sun, Butternut Pizazz, Kernel und Cha-Cha-Cha in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 27 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #090706 auf #FFDA94 mit 15,04: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

Accursed Black #090706

RGB: rgb(9, 7, 6)
HSL: hsl(20, 20%, 3%)
Luminanz: 0,002

Nightshade Berries #1D1613

RGB: rgb(29, 22, 19)
HSL: hsl(18, 21%, 9%)
Luminanz: 0,009

Betel Nut Dye #332923

RGB: rgb(51, 41, 35)
HSL: hsl(23, 19%, 17%)
Luminanz: 0,024

Spinel Red #521818

RGB: rgb(82, 24, 24)
HSL: hsl(0, 55%, 21%)
Luminanz: 0,025

Hazelnut Kisses #732820

RGB: rgb(115, 40, 32)
HSL: hsl(6, 56%, 29%)
Luminanz: 0,053

Edocha #A73E2C

RGB: rgb(167, 62, 44)
HSL: hsl(9, 58%, 41%)
Luminanz: 0,118

Geebung #C58129

RGB: rgb(197, 129, 41)
HSL: hsl(34, 66%, 47%)
Luminanz: 0,277

Currywurst #DEAA31

RGB: rgb(222, 170, 49)
HSL: hsl(42, 72%, 53%)
Luminanz: 0,445

Tuscan Sun #FFD64A

RGB: rgb(255, 214, 74)
HSL: hsl(46, 100%, 65%)
Luminanz: 0,699

Butternut Pizazz #E69552

RGB: rgb(230, 149, 82)
HSL: hsl(27, 75%, 61%)
Luminanz: 0,389

Kernel #EEBA73

RGB: rgb(238, 186, 115)
HSL: hsl(35, 78%, 69%)
Luminanz: 0,545

Cha-Cha-Cha #FFDA94

RGB: rgb(255, 218, 148)
HSL: hsl(39, 100%, 79%)
Luminanz: 0,735

Kontrast & Barrierefreiheit

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

Aa #090706 auf #FFDA94 15,04:1 AAA

Aa #090706 auf #FFD64A 14,33:1 AAA

Aa #1D1613 auf #FFDA94 13,35:1 AAA

Aa #1D1613 auf #FFD64A 12,72:1 AAA

Aa #090706 auf #EEBA73 11,40:1 AAA

Aa #332923 auf #FFDA94 10,60:1 AAA

Aa #521818 auf #FFDA94 10,45:1 AAA

Aa #1D1613 auf #EEBA73 10,12:1 AAA

Aa #332923 auf #FFD64A 10,10:1 AAA

Aa #521818 auf #FFD64A 9,96:1 AAA

Aa #090706 auf #DEAA31 9,48:1 AAA

Aa #1D1613 auf #DEAA31 8,42:1 AAA

Aa #090706 auf #E69552 8,41:1 AAA

Aa #332923 auf #EEBA73 8,03:1 AAA

Aa #521818 auf #EEBA73 7,92:1 AAA

Aa #732820 auf #FFDA94 7,65:1 AAA

Aa #1D1613 auf #E69552 7,47:1 AAA

Aa #732820 auf #FFD64A 7,29:1 AAA

Aa #332923 auf #DEAA31 6,68:1 AA

Aa #521818 auf #DEAA31 6,59:1 AA

Aa #090706 auf #C58129 6,27:1 AA

Aa #332923 auf #E69552 5,93:1 AA

Aa #521818 auf #E69552 5,85:1 AA

Aa #732820 auf #EEBA73 5,80:1 AA

Aa #1D1613 auf #C58129 5,56:1 AA

Aa #732820 auf #DEAA31 4,82:1 AA

Aa #A73E2C auf #FFDA94 4,66:1 AA

Aa #A73E2C auf #FFD64A 4,44:1 AA (großer Text)

Aa #332923 auf #C58129 4,42:1 AA (großer Text)

Aa #521818 auf #C58129 4,36:1 AA (großer Text)

Aa #732820 auf #E69552 4,28:1 AA (großer Text)

Aa #A73E2C auf #EEBA73 3,53:1 AA (großer Text)

Aa #090706 auf #A73E2C 3,22:1 AA (großer Text)

Aa #732820 auf #C58129 3,19:1 AA (großer Text)

Aa #A73E2C auf #DEAA31 2,94:1 Nicht bestanden

Aa #1D1613 auf #A73E2C 2,86:1 Nicht bestanden

Aa #A73E2C auf #E69552 2,61:1 Nicht bestanden

Aa #C58129 auf #FFDA94 2,40:1 Nicht bestanden

Aa #C58129 auf #FFD64A 2,29:1 Nicht bestanden

Aa #332923 auf #A73E2C 2,27:1 Nicht bestanden

Aa #521818 auf #A73E2C 2,24:1 Nicht bestanden

Aa #090706 auf #732820 1,97:1 Nicht bestanden

Aa #A73E2C auf #C58129 1,94:1 Nicht bestanden

Aa #C58129 auf #EEBA73 1,82:1 Nicht bestanden

Aa #E69552 auf #FFDA94 1,79:1 Nicht bestanden

Aa #1D1613 auf #732820 1,75:1 Nicht bestanden

Aa #FFD64A auf #E69552 1,70:1 Nicht bestanden

Aa #732820 auf #A73E2C 1,64:1 Nicht bestanden

Aa #DEAA31 auf #FFDA94 1,59:1 Nicht bestanden

Aa #C58129 auf #DEAA31 1,51:1 Nicht bestanden

Aa #DEAA31 auf #FFD64A 1,51:1 Nicht bestanden

Aa #090706 auf #521818 1,44:1 Nicht bestanden

Aa #090706 auf #332923 1,42:1 Nicht bestanden

Aa #332923 auf #732820 1,39:1 Nicht bestanden

Aa #521818 auf #732820 1,37:1 Nicht bestanden

Aa #E69552 auf #EEBA73 1,36:1 Nicht bestanden

Aa #C58129 auf #E69552 1,34:1 Nicht bestanden

Aa #EEBA73 auf #FFDA94 1,32:1 Nicht bestanden

Aa #1D1613 auf #521818 1,28:1 Nicht bestanden

Aa #1D1613 auf #332923 1,26:1 Nicht bestanden

Aa #FFD64A auf #EEBA73 1,26:1 Nicht bestanden

Aa #DEAA31 auf #EEBA73 1,20:1 Nicht bestanden

Aa #090706 auf #1D1613 1,13:1 Nicht bestanden

Aa #DEAA31 auf #E69552 1,13:1 Nicht bestanden

Aa #FFD64A auf #FFDA94 1,05:1 Nicht bestanden

Aa #332923 auf #521818 1,01:1 Nicht bestanden

Soviet X12

Soviet X12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen