Scandinavian Liquorice
#1C1210
Likes
48
Farben
11
CSS-Variablen
:root {
--c-muted-1: #1C1210;
--c-muted-2: #302B26;
--c-muted-3: #333439;
--c-muted-4: #473B45;
--c-muted-5: #454D42;
--c-muted-6: #5B5248;
--c-muted-7: #6D6D64;
--c-muted-8: #77826B;
--c-muted-9: #809494;
--c-muted-10: #BEBEA3;
--c-muted-11: #E9E7E6;
}Über diese Palette
Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Deep Daigi White (#E9E7E6) bis zum dunkelsten Ton Scandinavian Liquorice (#1C1210). Sie vereint Scandinavian Liquorice, Noir, Dark Kettle Black, Eclectic Purple, Ancient Pine, Tarmac, Bonsai Trunk, Gazebo Green, Raindance, Mint Frost und Deep Daigi White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C1210 auf #E9E7E6 mit 14,9:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Noir
#302B26
Dark Kettle Black
#333439
Eclectic Purple
#473B45
Ancient Pine
#454D42
Tarmac
#5B5248
Bonsai Trunk
#6D6D64
Gazebo Green
#77826B
Raindance
#809494
Mint Frost
#BEBEA3
Deep Daigi White
#E9E7E6
Kontrast & Barrierefreiheit
13 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1C1210 auf #E9E7E6
14,90:1
AAA
Aa
#302B26 auf #E9E7E6
11,36:1
AAA
Aa
#333439 auf #E9E7E6
10,08:1
AAA
Aa
#1C1210 auf #BEBEA3
9,69:1
AAA
Aa
#473B45 auf #E9E7E6
8,61:1
AAA
Aa
#302B26 auf #BEBEA3
7,39:1
AAA
Aa
#454D42 auf #E9E7E6
7,12:1
AAA
Aa
#333439 auf #BEBEA3
6,55:1
AA
Aa
#5B5248 auf #E9E7E6
6,21:1
AA
Aa
#1C1210 auf #809494
5,76:1
AA
Aa
#473B45 auf #BEBEA3
5,60:1
AA
Aa
#454D42 auf #BEBEA3
4,63:1
AA
Aa
#1C1210 auf #77826B
4,54:1
AA
Aa
#302B26 auf #809494
4,39:1
AA (großer Text)
Aa
#6D6D64 auf #E9E7E6
4,24:1
AA (großer Text)
Aa
#5B5248 auf #BEBEA3
4,04:1
AA (großer Text)
Aa
#333439 auf #809494
3,89:1
AA (großer Text)
Aa
#1C1210 auf #6D6D64
3,52:1
AA (großer Text)
Aa
#302B26 auf #77826B
3,46:1
AA (großer Text)
Aa
#473B45 auf #809494
3,32:1
AA (großer Text)
Aa
#77826B auf #E9E7E6
3,28:1
AA (großer Text)
Aa
#333439 auf #77826B
3,07:1
AA (großer Text)
Aa
#6D6D64 auf #BEBEA3
2,76:1
Nicht bestanden
Aa
#454D42 auf #809494
2,75:1
Nicht bestanden
Aa
#302B26 auf #6D6D64
2,68:1
Nicht bestanden
Aa
#473B45 auf #77826B
2,62:1
Nicht bestanden
Aa
#809494 auf #E9E7E6
2,59:1
Nicht bestanden
Aa
#1C1210 auf #5B5248
2,40:1
Nicht bestanden
Aa
#5B5248 auf #809494
2,40:1
Nicht bestanden
Aa
#333439 auf #6D6D64
2,38:1
Nicht bestanden
Aa
#454D42 auf #77826B
2,17:1
Nicht bestanden
Aa
#77826B auf #BEBEA3
2,14:1
Nicht bestanden
Aa
#1C1210 auf #454D42
2,09:1
Nicht bestanden
Aa
#473B45 auf #6D6D64
2,03:1
Nicht bestanden
Aa
#5B5248 auf #77826B
1,89:1
Nicht bestanden
Aa
#302B26 auf #5B5248
1,83:1
Nicht bestanden
Aa
#1C1210 auf #473B45
1,73:1
Nicht bestanden
Aa
#454D42 auf #6D6D64
1,68:1
Nicht bestanden
Aa
#809494 auf #BEBEA3
1,68:1
Nicht bestanden
Aa
#6D6D64 auf #809494
1,64:1
Nicht bestanden
Aa
#333439 auf #5B5248
1,62:1
Nicht bestanden
Aa
#302B26 auf #454D42
1,60:1
Nicht bestanden
Aa
#BEBEA3 auf #E9E7E6
1,54:1
Nicht bestanden
Aa
#1C1210 auf #333439
1,48:1
Nicht bestanden
Aa
#5B5248 auf #6D6D64
1,46:1
Nicht bestanden
Aa
#333439 auf #454D42
1,42:1
Nicht bestanden
Aa
#473B45 auf #5B5248
1,39:1
Nicht bestanden
Aa
#302B26 auf #473B45
1,32:1
Nicht bestanden
Aa
#1C1210 auf #302B26
1,31:1
Nicht bestanden
Aa
#6D6D64 auf #77826B
1,29:1
Nicht bestanden
Aa
#77826B auf #809494
1,27:1
Nicht bestanden
Aa
#473B45 auf #454D42
1,21:1
Nicht bestanden
Aa
#333439 auf #473B45
1,17:1
Nicht bestanden
Aa
#454D42 auf #5B5248
1,15:1
Nicht bestanden
Aa
#302B26 auf #333439
1,13:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79