---
url: /styles/color/resources.md
description: Use color tools and tutorials to quickly create and apply color palettes
---

# Color resources

Use color tools and tutorials to quickly create and apply color palettes

![Color resources](/assets/c104f12e-mroe1r89-color.CNseQ7zK.webp)

### Material Theme Builder

Material Theme Builder (MTB) is a Figma plugin that allows makers to emulate the color extraction process for dynamic color and create custom tonal schemes.

MTB creates a full tonal scheme, contrast checking, and tokens. 

[Material Theme Builder plugin](https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder)

![Screenshot of Figma design software showing a color scheme diagram on the canvas, a modal popup with the Material Theme Builder UI, and color scheme styles listed in the right UI pane.](/assets/fcfaad05-ln49elwq-1-mtb.DsrLQnr2.webp)

Material Theme Builder lets you create color schemes and apply them to your designs.

## Tutorials and codelabs

* [Visualizing dynamic color in your app](https://codelabs.developers.google.com/visualize-dynamic-color?hl=en#0) — Learn how to apply user-generated color to your app
* [Designing with accessible colors](https://codelabs.developers.google.com/color-contrast-accessibility?hl=en#0) — Learn how color relates to accessibility and contrast guidelines
* [Customizing Material color](https://codelabs.developers.google.com/customizing-material-color?hl=en#0) — Learn how to create a custom theme with the Material Theme Builder and apply it to design mockups in Figma
* [Build a Material color scheme](https://www.figma.com/community/file/1248805263844976008/Build-a-Material-color-scheme) — Make a M3 color scheme with the color roles used in Material Components