compose-preview Material 3 Design Kit

Color Role grid

color-role-grid__ideal__dark-high-contrast__medium 2 views
Theme Day
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 layer per level of composable nesting, from the compose/figma-svg export. Rides the SVG link and download.
Locale & text
Overlays
Overlays (Live Compose)
Overrides
Declared overrides — edit a value to re-render.

source

download executable bundle
Export PNG Download SVG Download