DEV Community

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

Posted on • Edited on • Originally published at dev.to

21 18 8 8 8

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.

https://hexcolor.co/material-design-colors

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (3)

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
marcellahaller profile image
marcellahaller

Here's a great article on color in UI design - gapsystudio.com/blog/ui-design-col.... 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.

Collapse
 
vpnprogramlari profile image
VPN Programları

I like material designs ㋛

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay