fill-*/stroke-* in every palette.

Syntax#

html
<svg class="fill-emerald-500">…</svg>

All palettes apply#

Every palette in the colors/index|color system generates a fill-* class: fill-slate-500, fill-gray-500, fill-zinc-500, fill-neutral-500, fill-stone-500, fill-red-500, fill-orange-500, fill-amber-500…

Patterns#

  • Icons inherit via fill-current
  • Charts: one palette, shades for series

colors/index|Color hub · concepts/dark-mode-strategies|Dark mode · accessibility/color-contrast|Contrast