XD Material Design Color Palettes & Gradients

Our friend Hannah Milan is back with a super useful and practical XD freebie.

Updated January 27, 20261 min read

XD Material Design Color Palettes & Gradients

Our friend Hannah Milan is back with a super useful and practical XD freebie.

She has put together a full color palette following Google’s Material Design Color guidelines , which at the moment is not yet available for Adobe XD (you can only download a palette file for Photoshop and Illustrator).

This can be incredibly useful when choosing the color scheme for your next Android mobile app.

Hannah also created some cool gradients from the colors listed in the palette. Free to download and for anyone to use.

Download

ARIA Labels: When Native HTML Beats the Attribute

An ARIA label names a control with no visible text. When to use aria-label, when native HTML wins, and the misuse that hides the words on your button.

Tomas Laurinavicius

Read

Skeletal UI wireframe of a website layout

September 9, 2026

Wireframe Fidelity: Stay Ugly, Skip, or Generate?

A wireframe is a skeletal screen layout for UI. Get lo-fi vs hi-fi, a skip-to-AI decision table, and how to sketch structure before you polish pixels.

Tomas Laurinavicius

Read

Designer sketching a web design proposal on paper

July 14, 2026

Web Design Proposal: Structure, Pricing, and the System That Closes Clients

A complete guide to writing a web design proposal that wins clients. Covers the 8-section structure, real $4k–$15k pricing breakdowns, the two-option strategy,

Tomas Laurinavicius

Read

XD Material Design Color Palettes & Gradients

Related Articles

ARIA Labels: When Native HTML Beats the Attribute

Wireframe Fidelity: Stay Ugly, Skip, or Generate?

Web Design Proposal: Structure, Pricing, and the System That Closes Clients