Google Color Palette Material Design

Make personal devices feel personal with dynamic color, the latest evolution of Material Design's color system. Material Design 3 supports algorithmic color extraction for Android S, resulting in custom tonal palettes that can be easily applied across light, dark, and high. Material Design Color Palette will help you quickly decide which color to choose for your project.

Colors are taken from Google's Material Design Guidelines. With open-source Material Components, now you can customize key aspects of an app's design, including color, shape, and type themes. These are the same components we use at Google to build our own apps.

These color palettes, originally created by Material Design in 2014, are comprised of colors designed to work together harmoniously, and can be used to develop your brand palette. Choose your favorite colors and get your Material Design palette generated and downloadable. Working with Material Design palettes? The Material Color Picker Tool helps you quickly grab colors from Google's Material Design system.

Each swatch shows its name and hex value just click to copy and preview instantly. Learn how to use color in Material Design, inspired by bold hues, shadows, and highlights. Explore the color palette, the color tool, and the themes for Android, Web, and iOS.

Establishing color role from the tonal palette Below is a sample of colors and their roles, based on the Google Material Design system, as it contains primary Color roles, Secondary Color Roles. Material design color palette demo for developers and designers, who uses Google Material Design lite framework. Learn how Google uses dark themes in their apps to improve user experience.

Discover color palettes, hierarchy tips & more for Material Design.