Obsidian Shard
#040412
Likes
41
Farben
10
CSS-Variablen
:root {
--c-muted-1: #040412;
--c-muted-2: #0E0C15;
--c-muted-3: #1B1C19;
--c-muted-4: #242034;
--c-muted-5: #343A41;
--c-muted-6: #4D3C4E;
--c-muted-7: #524F5E;
--c-muted-8: #6A6A61;
--c-muted-9: #77667F;
--c-muted-10: #A28B86;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Storm Red (#A28B86) bis zum dunkelsten Ton Obsidian Shard (#040412). Sie vereint Obsidian Shard, Midnight Oil, Coco’s Black, Black Velvet, Do Not Disturb, Bossa Nova, Salvation, Quaking Bog, Purplish Grey und Storm Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #040412 auf #A28B86 mit 6,37:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Midnight Oil
#0E0C15
Coco’s Black
#1B1C19
Black Velvet
#242034
Do Not Disturb
#343A41
Bossa Nova
#4D3C4E
Salvation
#524F5E
Quaking Bog
#6A6A61
Purplish Grey
#77667F
Storm Red
#A28B86
Kontrast & Barrierefreiheit
4 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#040412 auf #A28B86
6,37:1
AA
Aa
#0E0C15 auf #A28B86
6,07:1
AA
Aa
#1B1C19 auf #A28B86
5,36:1
AA
Aa
#242034 auf #A28B86
4,94:1
AA
Aa
#040412 auf #77667F
3,87:1
AA (großer Text)
Aa
#040412 auf #6A6A61
3,73:1
AA (großer Text)
Aa
#0E0C15 auf #77667F
3,69:1
AA (großer Text)
Aa
#343A41 auf #A28B86
3,60:1
AA (großer Text)
Aa
#0E0C15 auf #6A6A61
3,56:1
AA (großer Text)
Aa
#1B1C19 auf #77667F
3,25:1
AA (großer Text)
Aa
#4D3C4E auf #A28B86
3,17:1
AA (großer Text)
Aa
#1B1C19 auf #6A6A61
3,14:1
AA (großer Text)
Aa
#242034 auf #77667F
3,00:1
AA (großer Text)
Aa
#242034 auf #6A6A61
2,89:1
Nicht bestanden
Aa
#040412 auf #524F5E
2,56:1
Nicht bestanden
Aa
#524F5E auf #A28B86
2,49:1
Nicht bestanden
Aa
#0E0C15 auf #524F5E
2,44:1
Nicht bestanden
Aa
#343A41 auf #77667F
2,18:1
Nicht bestanden
Aa
#1B1C19 auf #524F5E
2,15:1
Nicht bestanden
Aa
#343A41 auf #6A6A61
2,11:1
Nicht bestanden
Aa
#040412 auf #4D3C4E
2,01:1
Nicht bestanden
Aa
#242034 auf #524F5E
1,98:1
Nicht bestanden
Aa
#4D3C4E auf #77667F
1,93:1
Nicht bestanden
Aa
#0E0C15 auf #4D3C4E
1,91:1
Nicht bestanden
Aa
#4D3C4E auf #6A6A61
1,86:1
Nicht bestanden
Aa
#040412 auf #343A41
1,77:1
Nicht bestanden
Aa
#6A6A61 auf #A28B86
1,71:1
Nicht bestanden
Aa
#0E0C15 auf #343A41
1,69:1
Nicht bestanden
Aa
#1B1C19 auf #4D3C4E
1,69:1
Nicht bestanden
Aa
#77667F auf #A28B86
1,65:1
Nicht bestanden
Aa
#242034 auf #4D3C4E
1,56:1
Nicht bestanden
Aa
#524F5E auf #77667F
1,51:1
Nicht bestanden
Aa
#1B1C19 auf #343A41
1,49:1
Nicht bestanden
Aa
#524F5E auf #6A6A61
1,46:1
Nicht bestanden
Aa
#343A41 auf #524F5E
1,44:1
Nicht bestanden
Aa
#242034 auf #343A41
1,37:1
Nicht bestanden
Aa
#040412 auf #242034
1,29:1
Nicht bestanden
Aa
#4D3C4E auf #524F5E
1,27:1
Nicht bestanden
Aa
#0E0C15 auf #242034
1,23:1
Nicht bestanden
Aa
#040412 auf #1B1C19
1,19:1
Nicht bestanden
Aa
#0E0C15 auf #1B1C19
1,13:1
Nicht bestanden
Aa
#343A41 auf #4D3C4E
1,13:1
Nicht bestanden
Aa
#1B1C19 auf #242034
1,09:1
Nicht bestanden
Aa
#040412 auf #0E0C15
1,05:1
Nicht bestanden
Aa
#6A6A61 auf #77667F
1,04:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365