Hand-picked weekly

Never miss a tool worth knowing.

The best new tools, hand-picked and delivered weekly. No spam — just signal.

Email address

Discover the best tools for every task. A curated directory for people who love great software.

Browse

Categories
Toolkits
Saved
Search

Company

About
My Account
Sign in

Connect

X / Twitter
GitHub
LinkedIn
Email us

© 2026 ToolFomo

Material UI Colors — ToolFomo

Material UI Colors

Material UI Colors

A free online toolkit providing curated Material Design color palettes, flat UI palettes, and icons to streamline design workflows.

freeweb#material-design #color-palettes #flat-ui #icons #design-resources

What you can do with Material UI Colors

Practical ideas and workflows

1

Creating Color Palettes

•Open Material UI Colors website.
•Browse through the curated Material Design color palettes.
•Select a palette that fits your project and note the hexadecimal color codes.
•Download or copy the selected colors for use in your design.

2

UI Design Consistency

Categories

Color Management

More like this

Tools with similar features

LolColors

LolColors

lolcolors

LolColors is a free online tool offering a curated collection of color palettes for web design inspiration.

Material Palette

Material Palette

material-palette

A web-based tool that allows users to generate and export Material Design color palettes for their projects.

•Access Material UI Colors and choose a color palette that aligns with your brand identity.
•Use the selected colors consistently across your UI components like buttons and backgrounds.
•Refer to the color codes to maintain consistency when updating or adding new elements to your design.
•Save your palette for future reference and adjustments.

3

Icon Integration

•Visit Material UI Colors to explore icons that match your color palette.
•Download icons that fit your design theme or needs.
•Customize the color of the downloaded icons using the selected palette colors.
•Implement the icons into your project to enhance visual coherence.

4

Quick Mockup Designs

•Start a new mockup project and access Material UI Colors for rapid color selection.
•Select a complete color palette as a base for your design mockup.
•Apply the chosen colors to various elements like headers, footers, and buttons.
•Review the visual appeal and adjust if necessary, using the palette for guidance.

Color Hunt

Color Hunt

color-hunt

Color Hunt is a free, open platform offering a curated collection of hand-picked color palettes for designers and artists.

uiGradients

uiGradients

uigradients

A website offering a collection of beautiful, community-contributed two-color gradients for design and code.

Material Design

Material Design

material-design

Google's open-source design system with comprehensive guidelines, components, and tools for creating beautiful, usable products across platforms.

Streamline

Streamline

streamline

Streamline is a comprehensive library offering over 400,000 high-quality, consistent, and fully customizable icons, illustrations, elements, and emojis designed to enhance design workflows.

paidwebmacwindows