How to Use the Android Template in Figma: Colors

Updated on: November 3, 2022

Templates can come with several features. Most will include tools to help you with the application or website design. This tutorial will explore the Colors feature included in some templates and how to get the best from it.

Templates are Cool

Templates can be maaaaaajor life saviors, and you will see why. We choose an Android template to exemplify the Color feature in this case. However, we recommend sticking to specific color palettes in the application or web design, not only because you don’t need to overthink it but also because some color palettes do not match every screen device. 

EgIdlDQ54u93K6HcJSCI2 j8xwbFxbCMlPExz9sahIb6 RsJhgcdf7GIO4f ILSGHfv3T2rQeBc9sHXNgWgezc 98tw4KVhInEulcfzA6gpwOxj7lC1k3qtd6glDNL

As you see in this example presented, the default colors are the ones that will generally match any screen device and what most Android apps will commonly use. If you use a color palette very different from Android identity colors, the app will feel unfamiliar with what the user is used to regarding Android products. In most templates, you will see the color swatch and the hex code to copy/paste the same color in any project.  

NOTE: Remember that we go for what feels familiar to us as users. 

The full-color palette offers lots of options for us to play as designers. The range of colors is presented as how they’re seen in the light spectrum. So we have the Default option, the light color palette, and the dark color palette. 

Color Schemes 

Then we have the Color Scheme, which defines and displays every variation usable for Android. However, you can still use them, ensuring they won’t be away from the Android identity colors and will match any screen device.

And that's all you need to know to understand this feature. Keep it simple. Keep it fun. Keep exploring Figma tutorials, and stay tuned!

Access 4,242+ video lessons. Instantly.
Start Learning Now →