Registrieren Registrieren
TY Ice Cold 12

TY Ice Cold 12

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

TY Ice Cold 12

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Gedeckt 12 Farben Kühl Gemischt Triadisch blue cold snow frozen
Likes 20
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #D5E6CB;
  --c-muted-2: #94ACC0;
  --c-muted-3: #6E6CC1;
  --c-muted-4: #424CA1;
  --c-muted-5: #0C0C1F;
  --c-muted-6: #9FA089;
  --c-muted-7: #686F6F;
  --c-muted-8: #2F363E;
  --c-muted-9: #C1975E;
  --c-muted-10: #787452;
  --c-muted-11: #584B3E;
  --c-muted-12: #492837;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Great Joy (#D5E6CB) bis zum dunkelsten Ton Tristesse (#0C0C1F). Sie vereint Great Joy, Cotton Denim, Purple Toolbox, Dazzling Blue, Tristesse, Potting Moss, Nevada, Blue Plaza, Cheers!, Truly Olive, Momentous Occasion und Wine Tasting in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D5E6CB auf #0C0C1F mit 14,72:1.

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

Farben im Detail

Great Joy #D5E6CB
RGB
rgb(213, 230, 203)
HSL
hsl(98, 35%, 85%)
Luminanz
0,751
Cotton Denim #94ACC0
RGB
rgb(148, 172, 192)
HSL
hsl(207, 26%, 67%)
Luminanz
0,396
Purple Toolbox #6E6CC1
RGB
rgb(110, 108, 193)
HSL
hsl(241, 41%, 59%)
Luminanz
0,179
Dazzling Blue #424CA1
RGB
rgb(66, 76, 161)
HSL
hsl(234, 42%, 45%)
Luminanz
0,089
Tristesse #0C0C1F
RGB
rgb(12, 12, 31)
HSL
hsl(240, 44%, 8%)
Luminanz
0,004
Potting Moss #9FA089
RGB
rgb(159, 160, 137)
HSL
hsl(63, 11%, 58%)
Luminanz
0,343
Nevada #686F6F
RGB
rgb(104, 111, 111)
HSL
hsl(180, 3%, 42%)
Luminanz
0,155
Blue Plaza #2F363E
RGB
rgb(47, 54, 62)
HSL
hsl(212, 14%, 21%)
Luminanz
0,036
Cheers! #C1975E
RGB
rgb(193, 151, 94)
HSL
hsl(35, 44%, 56%)
Luminanz
0,343
Truly Olive #787452
RGB
rgb(120, 116, 82)
HSL
hsl(54, 19%, 40%)
Luminanz
0,171
Momentous Occasion #584B3E
RGB
rgb(88, 75, 62)
HSL
hsl(30, 17%, 29%)
Luminanz
0,075
Wine Tasting #492837
RGB
rgb(73, 40, 55)
HSL
hsl(333, 29%, 22%)
Luminanz
0,032

Kontrast & Barrierefreiheit

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

Aa #D5E6CB auf #0C0C1F 14,72:1 AAA
Aa #D5E6CB auf #492837 9,75:1 AAA
Aa #D5E6CB auf #2F363E 9,32:1 AAA
Aa #94ACC0 auf #0C0C1F 8,20:1 AAA
Aa #0C0C1F auf #9FA089 7,23:1 AAA
Aa #0C0C1F auf #C1975E 7,22:1 AAA
Aa #D5E6CB auf #584B3E 6,43:1 AA
Aa #D5E6CB auf #424CA1 5,76:1 AA
Aa #94ACC0 auf #492837 5,43:1 AA
Aa #94ACC0 auf #2F363E 5,19:1 AA
Aa #9FA089 auf #492837 4,79:1 AA
Aa #C1975E auf #492837 4,78:1 AA
Aa #9FA089 auf #2F363E 4,58:1 AA
Aa #2F363E auf #C1975E 4,57:1 AA
Aa #6E6CC1 auf #0C0C1F 4,21:1 AA (großer Text)
Aa #0C0C1F auf #787452 4,06:1 AA (großer Text)
Aa #D5E6CB auf #686F6F 3,91:1 AA (großer Text)
Aa #0C0C1F auf #686F6F 3,76:1 AA (großer Text)
Aa #D5E6CB auf #787452 3,62:1 AA (großer Text)
Aa #94ACC0 auf #584B3E 3,58:1 AA (großer Text)
Aa #D5E6CB auf #6E6CC1 3,50:1 AA (großer Text)
Aa #94ACC0 auf #424CA1 3,21:1 AA (großer Text)
Aa #9FA089 auf #584B3E 3,16:1 AA (großer Text)
Aa #C1975E auf #584B3E 3,15:1 AA (großer Text)
Aa #424CA1 auf #9FA089 2,83:1 Nicht bestanden
Aa #424CA1 auf #C1975E 2,83:1 Nicht bestanden
Aa #6E6CC1 auf #492837 2,79:1 Nicht bestanden
Aa #787452 auf #492837 2,69:1 Nicht bestanden
Aa #6E6CC1 auf #2F363E 2,66:1 Nicht bestanden
Aa #2F363E auf #787452 2,57:1 Nicht bestanden
Aa #424CA1 auf #0C0C1F 2,56:1 Nicht bestanden
Aa #686F6F auf #492837 2,49:1 Nicht bestanden
Aa #686F6F auf #2F363E 2,38:1 Nicht bestanden
Aa #0C0C1F auf #584B3E 2,29:1 Nicht bestanden
Aa #94ACC0 auf #686F6F 2,18:1 Nicht bestanden
Aa #D5E6CB auf #9FA089 2,04:1 Nicht bestanden
Aa #D5E6CB auf #C1975E 2,04:1 Nicht bestanden
Aa #94ACC0 auf #787452 2,02:1 Nicht bestanden
Aa #94ACC0 auf #6E6CC1 1,95:1 Nicht bestanden
Aa #9FA089 auf #686F6F 1,92:1 Nicht bestanden
Aa #686F6F auf #C1975E 1,92:1 Nicht bestanden
Aa #6E6CC1 auf #584B3E 1,84:1 Nicht bestanden
Aa #D5E6CB auf #94ACC0 1,79:1 Nicht bestanden
Aa #9FA089 auf #787452 1,78:1 Nicht bestanden
Aa #C1975E auf #787452 1,78:1 Nicht bestanden
Aa #787452 auf #584B3E 1,77:1 Nicht bestanden
Aa #6E6CC1 auf #9FA089 1,72:1 Nicht bestanden
Aa #6E6CC1 auf #C1975E 1,72:1 Nicht bestanden
Aa #424CA1 auf #492837 1,69:1 Nicht bestanden
Aa #6E6CC1 auf #424CA1 1,65:1 Nicht bestanden
Aa #686F6F auf #584B3E 1,64:1 Nicht bestanden
Aa #424CA1 auf #2F363E 1,62:1 Nicht bestanden
Aa #424CA1 auf #787452 1,59:1 Nicht bestanden
Aa #0C0C1F auf #2F363E 1,58:1 Nicht bestanden
Aa #584B3E auf #492837 1,52:1 Nicht bestanden
Aa #0C0C1F auf #492837 1,51:1 Nicht bestanden
Aa #424CA1 auf #686F6F 1,47:1 Nicht bestanden
Aa #2F363E auf #584B3E 1,45:1 Nicht bestanden
Aa #94ACC0 auf #C1975E 1,14:1 Nicht bestanden
Aa #94ACC0 auf #9FA089 1,13:1 Nicht bestanden
Aa #6E6CC1 auf #686F6F 1,12:1 Nicht bestanden
Aa #424CA1 auf #584B3E 1,12:1 Nicht bestanden
Aa #686F6F auf #787452 1,08:1 Nicht bestanden
Aa #2F363E auf #492837 1,05:1 Nicht bestanden
Aa #6E6CC1 auf #787452 1,04:1 Nicht bestanden
Aa #9FA089 auf #C1975E 1,00: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