Registrieren Registrieren
Kaleidoscope 12

Kaleidoscope 12

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Kaleidoscope 12

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Gedeckt 12 Farben Kühl Gemischt Komplementär pixelart green blue purple
Likes 39
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #163323;
  --c-muted-2: #32573A;
  --c-muted-3: #516B88;
  --c-muted-4: #946D82;
  --c-muted-5: #5F82B0;
  --c-muted-6: #7094B0;
  --c-muted-7: #B496D4;
  --c-muted-8: #8FB6DB;
  --c-muted-9: #B5C46D;
  --c-muted-10: #EDCBAF;
  --c-muted-11: #CAE3FF;
  --c-muted-12: #FFF6E3;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Silky Tofu (#FFF6E3) bis zum dunkelsten Ton Pumpkin Green Black (#163323). Sie vereint Pumpkin Green Black, Goblin, Aurora Borealis, Strikemaster, Shrinking Violet, Cranberry Blue, Biloba Flower, Blue Beyond, Avocado Cream, Desert Sand, Arc Light und Silky Tofu in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #163323 auf #FFF6E3 mit 12,76:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Pumpkin Green Black #163323
RGB
rgb(22, 51, 35)
HSL
hsl(147, 40%, 14%)
Luminanz
0,027
Goblin #32573A
RGB
rgb(50, 87, 58)
HSL
hsl(133, 27%, 27%)
Luminanz
0,078
Aurora Borealis #516B88
RGB
rgb(81, 107, 136)
HSL
hsl(212, 25%, 43%)
Luminanz
0,140
Strikemaster #946D82
RGB
rgb(148, 109, 130)
HSL
hsl(328, 15%, 50%)
Luminanz
0,188
Shrinking Violet #5F82B0
RGB
rgb(95, 130, 176)
HSL
hsl(214, 34%, 53%)
Luminanz
0,215
Cranberry Blue #7094B0
RGB
rgb(112, 148, 176)
HSL
hsl(206, 29%, 56%)
Luminanz
0,278
Biloba Flower #B496D4
RGB
rgb(180, 150, 212)
HSL
hsl(269, 42%, 71%)
Luminanz
0,363
Blue Beyond #8FB6DB
RGB
rgb(143, 182, 219)
HSL
hsl(209, 51%, 71%)
Luminanz
0,444
Avocado Cream #B5C46D
RGB
rgb(181, 196, 109)
HSL
hsl(70, 42%, 60%)
Luminanz
0,504
Desert Sand #EDCBAF
RGB
rgb(237, 203, 175)
HSL
hsl(27, 63%, 81%)
Luminanz
0,638
Arc Light #CAE3FF
RGB
rgb(202, 227, 255)
HSL
hsl(212, 100%, 90%)
Luminanz
0,747
Silky Tofu #FFF6E3
RGB
rgb(255, 246, 227)
HSL
hsl(41, 100%, 95%)
Luminanz
0,927

Kontrast & Barrierefreiheit

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

Aa #163323 auf #FFF6E3 12,76:1 AAA
Aa #163323 auf #CAE3FF 10,41:1 AAA
Aa #163323 auf #EDCBAF 8,98:1 AAA
Aa #32573A auf #FFF6E3 7,63:1 AAA
Aa #163323 auf #B5C46D 7,23:1 AAA
Aa #163323 auf #8FB6DB 6,45:1 AA
Aa #32573A auf #CAE3FF 6,23:1 AA
Aa #163323 auf #B496D4 5,39:1 AA
Aa #32573A auf #EDCBAF 5,38:1 AA
Aa #516B88 auf #FFF6E3 5,13:1 AA
Aa #32573A auf #B5C46D 4,33:1 AA (großer Text)
Aa #163323 auf #7094B0 4,28:1 AA (großer Text)
Aa #516B88 auf #CAE3FF 4,19:1 AA (großer Text)
Aa #946D82 auf #FFF6E3 4,10:1 AA (großer Text)
Aa #32573A auf #8FB6DB 3,86:1 AA (großer Text)
Aa #5F82B0 auf #FFF6E3 3,68:1 AA (großer Text)
Aa #516B88 auf #EDCBAF 3,61:1 AA (großer Text)
Aa #163323 auf #5F82B0 3,46:1 AA (großer Text)
Aa #946D82 auf #CAE3FF 3,34:1 AA (großer Text)
Aa #32573A auf #B496D4 3,22:1 AA (großer Text)
Aa #163323 auf #946D82 3,11:1 AA (großer Text)
Aa #5F82B0 auf #CAE3FF 3,00:1 AA (großer Text)
Aa #7094B0 auf #FFF6E3 2,98:1 Nicht bestanden
Aa #516B88 auf #B5C46D 2,91:1 Nicht bestanden
Aa #946D82 auf #EDCBAF 2,89:1 Nicht bestanden
Aa #516B88 auf #8FB6DB 2,59:1 Nicht bestanden
Aa #5F82B0 auf #EDCBAF 2,59:1 Nicht bestanden
Aa #32573A auf #7094B0 2,56:1 Nicht bestanden
Aa #163323 auf #516B88 2,49:1 Nicht bestanden
Aa #7094B0 auf #CAE3FF 2,43:1 Nicht bestanden
Aa #B496D4 auf #FFF6E3 2,37:1 Nicht bestanden
Aa #946D82 auf #B5C46D 2,32:1 Nicht bestanden
Aa #516B88 auf #B496D4 2,17:1 Nicht bestanden
Aa #7094B0 auf #EDCBAF 2,10:1 Nicht bestanden
Aa #5F82B0 auf #B5C46D 2,09:1 Nicht bestanden
Aa #32573A auf #5F82B0 2,07:1 Nicht bestanden
Aa #946D82 auf #8FB6DB 2,07:1 Nicht bestanden
Aa #8FB6DB auf #FFF6E3 1,98:1 Nicht bestanden
Aa #B496D4 auf #CAE3FF 1,93:1 Nicht bestanden
Aa #32573A auf #946D82 1,86:1 Nicht bestanden
Aa #5F82B0 auf #8FB6DB 1,86:1 Nicht bestanden
Aa #B5C46D auf #FFF6E3 1,76:1 Nicht bestanden
Aa #946D82 auf #B496D4 1,73:1 Nicht bestanden
Aa #516B88 auf #7094B0 1,72:1 Nicht bestanden
Aa #7094B0 auf #B5C46D 1,69:1 Nicht bestanden
Aa #163323 auf #32573A 1,67:1 Nicht bestanden
Aa #B496D4 auf #EDCBAF 1,67:1 Nicht bestanden
Aa #8FB6DB auf #CAE3FF 1,61:1 Nicht bestanden
Aa #5F82B0 auf #B496D4 1,56:1 Nicht bestanden
Aa #7094B0 auf #8FB6DB 1,51:1 Nicht bestanden
Aa #32573A auf #516B88 1,49:1 Nicht bestanden
Aa #B5C46D auf #CAE3FF 1,44:1 Nicht bestanden
Aa #EDCBAF auf #FFF6E3 1,42:1 Nicht bestanden
Aa #516B88 auf #5F82B0 1,39:1 Nicht bestanden
Aa #8FB6DB auf #EDCBAF 1,39:1 Nicht bestanden
Aa #946D82 auf #7094B0 1,37:1 Nicht bestanden
Aa #B496D4 auf #B5C46D 1,34:1 Nicht bestanden
Aa #7094B0 auf #B496D4 1,26:1 Nicht bestanden
Aa #516B88 auf #946D82 1,25:1 Nicht bestanden
Aa #B5C46D auf #EDCBAF 1,24:1 Nicht bestanden
Aa #5F82B0 auf #7094B0 1,23:1 Nicht bestanden
Aa #CAE3FF auf #FFF6E3 1,23:1 Nicht bestanden
Aa #B496D4 auf #8FB6DB 1,20:1 Nicht bestanden
Aa #EDCBAF auf #CAE3FF 1,16:1 Nicht bestanden
Aa #8FB6DB auf #B5C46D 1,12:1 Nicht bestanden
Aa #946D82 auf #5F82B0 1,11:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben