DEV Community

Cover image for Material Design Colors
Color Tools 🌈
Color Tools 🌈

Posted on • Updated on • Originally published at

Material Design Colors

Out of color ideas? 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.

“Color in Material Design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights.”

Material design is a visual language and design system developed by Google with an almost flat style and vibrant color schemes. The Material Design color system can help you create a color theme that reflects your brand or style. Material design colors helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand. Dark and light variants of each color can then be applied to your UI in different ways. Color themes are designed to be harmonious, ensure accessible text, and distinguish UI elements and surfaces from one another.

Top comments (3)

Sloan, the sloth mascot
Comment deleted
marcellahaller profile image

Here's a great article on color in UI design - The article reveals such aspects as: theory and psychology of color, the rules for choosing colors and their combination, the practice of choosing a color for a product.

vpnprogramlari profile image
VPN Programları

I like material designs ㋛