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-neon-purple-500, fill-neon-pink-500, fill-neon-cyan-500, fill-neon-lime-500, fill-neon-orange-500, fill-pastel-rose-500, fill-pastel-lavender-500, fill-pastel-mint-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