Dark Matter
Dark Matter (#170001), Hibiscus Red (#a13737), and Embarrassment (#ff7873) come together in this monochrome palette, well suited to dark designs.
:root {
--color-1: #170001;
--color-2: #470006;
--color-3: #75171b;
--color-4: #a13737;
--color-5: #d05653;
--color-6: #ff7873;
}.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.
Similar palettes
Dark Matter FAQ
What colors are in Dark Matter?
Dark Matter uses 6 colors: Dark Matter, Brandywine, Arterial, Hibiscus Red, Chestnut Rose, Embarrassment.
Is Dark Matter accessible for text and backgrounds?
The highest-contrast pair in this palette is Dark Matter on Embarrassment, at 7.9:1 (AAA). Use the accessibility panel above to check any specific pair.
How do I use Dark Matter in a project?
Copy the hex codes above, or open Dark Matter in the generator to remix it and export as CSS, Tailwind, or JSON.