# Material Design 3 Color Roles

Canonical URL: https://colorcurio.us/library/material-design-color-roles
Source type: Library entry
Resource URL: https://m3.material.io/styles/color/roles
Added: 2026-09-22

## Summary

How Material 3 assigns tonal-palette colors to UI jobs like primary, surface, and outline.

- Resource: [Material Design 3 Color Roles](https://m3.material.io/styles/color/roles)
- By: Google
- Kind: references (article)
- Level: intermediate
- Tags: design-systems, palettes, color-spaces, cam16, designer, developer, reference

[Back to the library](https://colorcurio.us/library)