Dark Matter

A monochrome 7-color palette built around Dark Matter (#160100), Roycroft Copper Red (#7c392c), and Thundelarra (#ea8a77), with a dark feel throughout.

monochromedark
Visualize
:root {
  --color-1: #160100;
  --color-2: #3a0802;
  --color-3: #5a2016;
  --color-4: #7c392c;
  --color-5: #9f5344;
  --color-6: #c46e5d;
  --color-7: #ea8a77;
}

.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.

Dark Matter FAQ

What colors are in Dark Matter?

Dark Matter uses 7 colors: Dark Matter, Red Bean, Peaty Brown, Roycroft Copper Red, Kalahari Sunset, Cajun Spice, Thundelarra.

Is Dark Matter accessible for text and backgrounds?

The highest-contrast pair in this palette is Dark Matter on Thundelarra, at 8.1: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.