Software Alternatives & Reviews

Material UI Colors VS Flat UI Colors

Compare Material UI Colors VS Flat UI Colors and see what are their differences

Material UI Colors logo Material UI Colors

Color palette for material design

Flat UI Colors logo Flat UI Colors

280 handpicked colors ready for copy & paste
  • Material UI Colors Landing page
    Landing page //
    2019-01-25
  • Flat UI Colors Landing page
    Landing page //
    2022-10-02

Material UI Colors videos

No Material UI Colors videos yet. You could help us improve this page by suggesting one.

+ Add video

Flat UI Colors videos

Flat UI Colors | Don't Do's With jQuery | Usability | The Treehouse Show Episode 42

Category Popularity

0-100% (relative to Material UI Colors and Flat UI Colors)
Design Tools
62 62%
38% 38
Color Tools
63 63%
37% 37
Color Gradients
70 70%
30% 30
Web App
100 100%
0% 0

User comments

Share your experience with using Material UI Colors and Flat UI Colors. For example, how are they different and which one is better?
Log in or Post with

Social recommendations and mentions

Based on our record, Flat UI Colors seems to be a lot more popular than Material UI Colors. While we know about 13 links to Flat UI Colors, we've tracked only 1 mention of Material UI Colors. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Material UI Colors mentions (1)

Flat UI Colors mentions (13)

  • colour palette
    Is it either of these?: Coolors Https://coolors.co/ Flat UI Colors Https://flatuicolors.com/. Source: 12 months ago
  • WIP #2 VandalWeb Alternative(not MyUI)
    - Pick some complementary colors from https://flatuicolors.com/ instead, the neon and pastel colors aren't helping. I'd go dark blue background, white for panels, and a complementary / brand color to highlight places where a user can take an action. Color and size of elements should convey a hierarchy of information, it should be obvious at a glance what is most important and what the next action is to take for... Source: about 1 year ago
  • I am terrible at design. I don't have the mind for it. Roast my 2 color site, so I might learn something. Maybe.
    Since everyone mentions the fonts I'm gonna go a different way and mention the colors. Please go to https://flatuicolors.com/ and pick a palette and use 1, 2 or max 3 of those colors, keep it light & simple. Source: about 1 year ago
  • What are dos and don'ts for designing a nice looking website, when you are not design savvy
    Do: - use a design system (titles same size, font same size, etc. etc.). If it looks consistent it will look better. - think about what your user wants to do (or what you want your user to do) and make that obvious. Is there a sign up button? That should be easy to find - choose a color palette (for example, choose 4-6 colors from http://flatuicolors.com/). Source: about 2 years ago
  • How should I go about making this black text look better against the gradient? I changed the former word to [EXAMPLE] which makes it better but the point stands
    Hmm, I see. Well first off if it's a school project don't worry too much about all this, you're experimenting with colors and that's probably the point so that's great! But this is a very helpful resource - I use it professionally when I'm prototyping too: https://flatuicolors.com/. Source: about 2 years ago
View more

What are some alternatives?

When comparing Material UI Colors and Flat UI Colors, you can also consider the following products

Material Palette - Generate and export your Material Design color palette

Color Hunt - Curated collection of beautiful colors, updated daily

Klart.io Colors - A data-driven collection of beautiful color palettes 🌈

Color Palette Generator - Enter the URL of an image and find its color palette

Coolors.co - The super fast color schemes generator! Create, save and share perfect palettes in seconds!

Sip - A better way to collect, organize & share your colors.