Generating a Color Scheme for Material Design 3

Question

What are some of the ways in which I can create a color palette for my Material Design 3 project?

Answer 1

The Material Theme Builder which is available on the material.io website can be used to create a color scheme for Material Design 3. The palette feature allows users to choose primary, secondary, tertiary and neutral colors and will automatically create a complete color palette for a given project that is exportable to the app.

Comments

Great explanation brother !!

I have one question in my mind if you can help me with that. Let's suppose my app's brand color is red i.e #FF0000 so I put that code in primary block of color tool. now while generating theme files I have entire color scheme but it is not containing my brand color in any of the key instead it is generating some relevant color as my primary color for app. what do i need to get exact color in my brand color ?

---

The thing that is hard for me to wrap my head around regarding colors in m3 is that the source color and custom colors you provide never show up in the color palette itself. Obviously they are used to calculate the different variations for containers and so on but the exact color is never in the palette. That's frustrating for me if I want to have a specific color in my app.

---

I remember struggling to match the color of the bottom navigation view and navigation bar for an hour without checking the documentation ‍♂

---

SCHEMAAAAAH