compose-preview Material 3 Design Kit

Color Role grid

color-role-grid__ideal__baseline-dark__dark__medium 1 view
Theme Night
current

Every publish of this design system is a commit on its delivery branch. Opening one pins this page — and the pixels on it — to that publish for good.

Color Role grid
Size
Exploded 3D
One sheet per visible drawing level. Structural-only composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.
Locale & text
Overlays
Overlays (Live Compose)
Pre-rendered snapshot — overrides (size, locale, font scale) need the live server, not a published catalog. Enable a local preview server.
Export PNG Download SVG Download