Colors

Wide, single-column sheets for every named palette in dartwork-mpl. Each preview below is full-width so the swatch labels stay readable on both desktop and mobile.

How to read the labels

• Format: library.base:weight (tw.blue500, md.red700, oc.gray6).

• Works anywhere matplotlib accepts a color—no extra API layer required.

• dm.use() loads the dartwork style so these names look consistent across lines, fills, markers, and legends.

import dartwork_mpl as dm
import matplotlib.pyplot as plt
import numpy as np

dm.use()
t = np.linspace(0, 2 * np.pi, 200)
plt.plot(t, np.sin(t), color="oc.indigo6", linewidth=2.4, label="Indigo 6")
plt.scatter(t[::12], np.cos(t[::12]), color="tw.rose500", edgecolor="none")
plt.legend()
plt.show()

Palette sheets (single column)

OpenColor. Balanced neutrals and calm hues for dashboards and UI frames. Even weight steps make layered backgrounds straightforward.

Tailwind. The broadest weight range (50–950) for precise contrast tuning. Perfect when you already think in Tailwind classes.

Material Design. Saturated primaries and secondaries that read clearly on white backgrounds, with consistent 50–900 steps.

Ant Design. Compact 1–10 weight system tuned for dense, data-heavy UIs with both warm and cool tracks that stay legible in small marks.

Chakra UI. Soft, friendly ramps ideal for product illustrations, covers, and muted backgrounds that do not overpower overlays.

Primer. GitHub-inspired neutrals with subtle tints and shadows—great when you need desaturated accents with strong contrast.

Other & Matplotlib. Everything else, including matplotlib defaults (the xkcd set has been excluded), for quick sketches or when you want the familiar C0–C9 cycle.

Rendering guidance

• Use weights 400–600 for lines and markers; 50–200 for fills and backgrounds.

• Pair adjacent weights for related elements (e.g., line at 600, fill at 200).

• Keep a single library per figure unless you need deliberate contrast (Primer background with Tailwind accents, for example).

• Turn off edgecolor on dense scatters to keep swatches clean in exports.

Refreshing the sheets

• All PNGs live in docs/color_system/images/.

• A Sphinx build runs color_system/generate_assets.py; run it directly if you tweak palette data and want to update only the assets.