Registrieren Registrieren
Supremo

Supremo

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

Zurück zur Bibliothek

Supremo

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär warm muted 12 dry
Likes 52
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #ECE7E1;
  --c-earthy-2: #DED5C4;
  --c-earthy-3: #E2D053;
  --c-earthy-4: #DF863A;
  --c-earthy-5: #B6472E;
  --c-earthy-6: #62221C;
  --c-earthy-7: #171618;
  --c-earthy-8: #313B52;
  --c-earthy-9: #43618A;
  --c-earthy-10: #8DA6AD;
  --c-earthy-11: #6D765E;
  --c-earthy-12: #3B5536;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Bistro White (#ECE7E1) bis zum dunkelsten Ton Cynical Black (#171618). Sie vereint Bistro White, Wheat Sheaf, Citrus Spice, Tree Poppy, Crimson Boy, Red Oxide, Cynical Black, Biscay, Federal Blue, Galleria Blue, Lush Hosta und Ficus in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #ECE7E1 auf #171618 mit 14,67: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

Bistro White #ECE7E1
RGB
rgb(236, 231, 225)
HSL
hsl(33, 22%, 90%)
Luminanz
0,804
Wheat Sheaf #DED5C4
RGB
rgb(222, 213, 196)
HSL
hsl(39, 28%, 82%)
Luminanz
0,671
Citrus Spice #E2D053
RGB
rgb(226, 208, 83)
HSL
hsl(52, 71%, 61%)
Luminanz
0,619
Tree Poppy #DF863A
RGB
rgb(223, 134, 58)
HSL
hsl(28, 72%, 55%)
Luminanz
0,330
Crimson Boy #B6472E
RGB
rgb(182, 71, 46)
HSL
hsl(11, 60%, 45%)
Luminanz
0,147
Red Oxide #62221C
RGB
rgb(98, 34, 28)
HSL
hsl(5, 56%, 25%)
Luminanz
0,038
Cynical Black #171618
RGB
rgb(23, 22, 24)
HSL
hsl(270, 4%, 9%)
Luminanz
0,008
Biscay #313B52
RGB
rgb(49, 59, 82)
HSL
hsl(222, 25%, 26%)
Luminanz
0,044
Federal Blue #43618A
RGB
rgb(67, 97, 138)
HSL
hsl(215, 35%, 40%)
Luminanz
0,116
Galleria Blue #8DA6AD
RGB
rgb(141, 166, 173)
HSL
hsl(193, 16%, 62%)
Luminanz
0,360
Lush Hosta #6D765E
RGB
rgb(109, 118, 94)
HSL
hsl(83, 11%, 42%)
Luminanz
0,170
Ficus #3B5536
RGB
rgb(59, 85, 54)
HSL
hsl(110, 22%, 27%)
Luminanz
0,077

Kontrast & Barrierefreiheit

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

Aa #ECE7E1 auf #171618 14,67:1 AAA
Aa #DED5C4 auf #171618 12,38:1 AAA
Aa #E2D053 auf #171618 11,49:1 AAA
Aa #ECE7E1 auf #62221C 9,68:1 AAA
Aa #ECE7E1 auf #313B52 9,10:1 AAA
Aa #DED5C4 auf #62221C 8,17:1 AAA
Aa #DED5C4 auf #313B52 7,68:1 AAA
Aa #E2D053 auf #62221C 7,58:1 AAA
Aa #E2D053 auf #313B52 7,13:1 AAA
Aa #171618 auf #8DA6AD 7,03:1 AAA
Aa #ECE7E1 auf #3B5536 6,73:1 AA
Aa #DF863A auf #171618 6,53:1 AA
Aa #DED5C4 auf #3B5536 5,68:1 AA
Aa #E2D053 auf #3B5536 5,27:1 AA
Aa #ECE7E1 auf #43618A 5,15:1 AA
Aa #62221C auf #8DA6AD 4,64:1 AA
Aa #313B52 auf #8DA6AD 4,36:1 AA (großer Text)
Aa #ECE7E1 auf #B6472E 4,35:1 AA (großer Text)
Aa #DED5C4 auf #43618A 4,35:1 AA (großer Text)
Aa #DF863A auf #62221C 4,31:1 AA (großer Text)
Aa #DF863A auf #313B52 4,05:1 AA (großer Text)
Aa #E2D053 auf #43618A 4,04:1 AA (großer Text)
Aa #ECE7E1 auf #6D765E 3,88:1 AA (großer Text)
Aa #171618 auf #6D765E 3,78:1 AA (großer Text)
Aa #DED5C4 auf #B6472E 3,67:1 AA (großer Text)
Aa #E2D053 auf #B6472E 3,41:1 AA (großer Text)
Aa #B6472E auf #171618 3,37:1 AA (großer Text)
Aa #DED5C4 auf #6D765E 3,28:1 AA (großer Text)
Aa #8DA6AD auf #3B5536 3,23:1 AA (großer Text)
Aa #E2D053 auf #6D765E 3,04:1 AA (großer Text)
Aa #DF863A auf #3B5536 3,00:1 AA (großer Text)
Aa #171618 auf #43618A 2,85:1 Nicht bestanden
Aa #62221C auf #6D765E 2,49:1 Nicht bestanden
Aa #43618A auf #8DA6AD 2,47:1 Nicht bestanden
Aa #313B52 auf #6D765E 2,34:1 Nicht bestanden
Aa #DF863A auf #43618A 2,29:1 Nicht bestanden
Aa #ECE7E1 auf #DF863A 2,25:1 Nicht bestanden
Aa #B6472E auf #62221C 2,23:1 Nicht bestanden
Aa #171618 auf #3B5536 2,18:1 Nicht bestanden
Aa #ECE7E1 auf #8DA6AD 2,09:1 Nicht bestanden
Aa #B6472E auf #313B52 2,09:1 Nicht bestanden
Aa #B6472E auf #8DA6AD 2,08:1 Nicht bestanden
Aa #DF863A auf #B6472E 1,94:1 Nicht bestanden
Aa #DED5C4 auf #DF863A 1,90:1 Nicht bestanden
Aa #62221C auf #43618A 1,88:1 Nicht bestanden
Aa #8DA6AD auf #6D765E 1,86:1 Nicht bestanden
Aa #313B52 auf #43618A 1,77:1 Nicht bestanden
Aa #DED5C4 auf #8DA6AD 1,76:1 Nicht bestanden
Aa #E2D053 auf #DF863A 1,76:1 Nicht bestanden
Aa #DF863A auf #6D765E 1,73:1 Nicht bestanden
Aa #6D765E auf #3B5536 1,73:1 Nicht bestanden
Aa #E2D053 auf #8DA6AD 1,63:1 Nicht bestanden
Aa #171618 auf #313B52 1,61:1 Nicht bestanden
Aa #B6472E auf #3B5536 1,55:1 Nicht bestanden
Aa #62221C auf #171618 1,52:1 Nicht bestanden
Aa #62221C auf #3B5536 1,44:1 Nicht bestanden
Aa #313B52 auf #3B5536 1,35:1 Nicht bestanden
Aa #43618A auf #6D765E 1,33:1 Nicht bestanden
Aa #43618A auf #3B5536 1,31:1 Nicht bestanden
Aa #ECE7E1 auf #E2D053 1,28:1 Nicht bestanden
Aa #B6472E auf #43618A 1,19:1 Nicht bestanden
Aa #ECE7E1 auf #DED5C4 1,18:1 Nicht bestanden
Aa #B6472E auf #6D765E 1,12:1 Nicht bestanden
Aa #DED5C4 auf #E2D053 1,08:1 Nicht bestanden
Aa #DF863A auf #8DA6AD 1,08:1 Nicht bestanden
Aa #62221C auf #313B52 1,06:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben