How to visually see Material Design default colors in Android Studio

Mao Chanz
2 min readJul 11, 2022

--

I’ve been experimenting with Jetpack Copmpose.

When using the Android Studio Editor, the code may or may not allow you to see the actual colors.

I want to visually see the MaterialDesign colors set by default.

On this page, you can visually see the default colors for LightTheme and DarekTheme side by side.

👉 Dark theme — Material Design

On this page, you can see the hexadecimal symbols of each theme of material desigin3 side by side.

👉 Color theming with MDC-Android — Material Design 3

But, the actual colors cannot be seen visually.

I wrote the code according to the above story.

This is just a code to see the colors visually.

In the Editor of Android Studio, it looks like this.

You can visually see the pre-made Material Design default colors in the Android SDK.

When developing an app, you can see the intent of Material Design by looking at the baseline of this colors.

👉 [Jetpack Compose] See the theme default color (baseline palette) [Android Studio]

--

--