Dreamless Sleep
#101211
Likes
56
Farben
10
CSS-Variablen
:root {
--c-muted-1: #101211;
--c-muted-2: #171B1C;
--c-muted-3: #1D2621;
--c-muted-4: #242B33;
--c-muted-5: #2F353A;
--c-muted-6: #2F4349;
--c-muted-7: #424F53;
--c-muted-8: #4E615C;
--c-muted-9: #5F6E62;
--c-muted-10: #657C6E;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Atlas Cedar Green (#657C6E) bis zum dunkelsten Ton Dreamless Sleep (#101211). Sie vereint Dreamless Sleep, Gluon Grey, Shadow Warrior, Sky Captain, Inkwell, Little Mermaid, Lunar Eclipse, Vert Pierre, Windrock und Atlas Cedar Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 45 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Gluon Grey
#171B1C
Shadow Warrior
#1D2621
Sky Captain
#242B33
Inkwell
#2F353A
Little Mermaid
#2F4349
Lunar Eclipse
#424F53
Vert Pierre
#4E615C
Windrock
#5F6E62
Atlas Cedar Green
#657C6E
Kontrast & Barrierefreiheit
0 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#101211 auf #657C6E
4,17:1
AA (großer Text)
Aa
#171B1C auf #657C6E
3,85:1
AA (großer Text)
Aa
#101211 auf #5F6E62
3,49:1
AA (großer Text)
Aa
#1D2621 auf #657C6E
3,45:1
AA (großer Text)
Aa
#171B1C auf #5F6E62
3,22:1
AA (großer Text)
Aa
#242B33 auf #657C6E
3,17:1
AA (großer Text)
Aa
#1D2621 auf #5F6E62
2,88:1
Nicht bestanden
Aa
#101211 auf #4E615C
2,86:1
Nicht bestanden
Aa
#2F353A auf #657C6E
2,76:1
Nicht bestanden
Aa
#242B33 auf #5F6E62
2,65:1
Nicht bestanden
Aa
#171B1C auf #4E615C
2,64:1
Nicht bestanden
Aa
#1D2621 auf #4E615C
2,36:1
Nicht bestanden
Aa
#2F4349 auf #657C6E
2,31:1
Nicht bestanden
Aa
#2F353A auf #5F6E62
2,30:1
Nicht bestanden
Aa
#101211 auf #424F53
2,22:1
Nicht bestanden
Aa
#242B33 auf #4E615C
2,17:1
Nicht bestanden
Aa
#171B1C auf #424F53
2,05:1
Nicht bestanden
Aa
#2F4349 auf #5F6E62
1,93:1
Nicht bestanden
Aa
#2F353A auf #4E615C
1,89:1
Nicht bestanden
Aa
#424F53 auf #657C6E
1,88:1
Nicht bestanden
Aa
#1D2621 auf #424F53
1,83:1
Nicht bestanden
Aa
#101211 auf #2F4349
1,81:1
Nicht bestanden
Aa
#242B33 auf #424F53
1,69:1
Nicht bestanden
Aa
#171B1C auf #2F4349
1,67:1
Nicht bestanden
Aa
#2F4349 auf #4E615C
1,58:1
Nicht bestanden
Aa
#424F53 auf #5F6E62
1,57:1
Nicht bestanden
Aa
#101211 auf #2F353A
1,51:1
Nicht bestanden
Aa
#1D2621 auf #2F4349
1,49:1
Nicht bestanden
Aa
#2F353A auf #424F53
1,46:1
Nicht bestanden
Aa
#4E615C auf #657C6E
1,46:1
Nicht bestanden
Aa
#171B1C auf #2F353A
1,40:1
Nicht bestanden
Aa
#242B33 auf #2F4349
1,38:1
Nicht bestanden
Aa
#101211 auf #242B33
1,31:1
Nicht bestanden
Aa
#424F53 auf #4E615C
1,29:1
Nicht bestanden
Aa
#1D2621 auf #2F353A
1,25:1
Nicht bestanden
Aa
#2F4349 auf #424F53
1,23:1
Nicht bestanden
Aa
#4E615C auf #5F6E62
1,22:1
Nicht bestanden
Aa
#101211 auf #1D2621
1,21:1
Nicht bestanden
Aa
#171B1C auf #242B33
1,21:1
Nicht bestanden
Aa
#5F6E62 auf #657C6E
1,20:1
Nicht bestanden
Aa
#2F353A auf #2F4349
1,19:1
Nicht bestanden
Aa
#242B33 auf #2F353A
1,15:1
Nicht bestanden
Aa
#171B1C auf #1D2621
1,12:1
Nicht bestanden
Aa
#1D2621 auf #242B33
1,09:1
Nicht bestanden
Aa
#101211 auf #171B1C
1,08: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