Material Design Logo & Brand Colors
The Material Design brand colors are Indigo #6750A4, Gray #757575 and Light Gray #BDBDBD.
Design language by Google · m3.material.io
Community data · Updated 2026-10-02
Material Design logo downloads (SVG & PNG)
Vector SVG files plus PNG at 256, 512, 1024, 2048 px on transparent, white or dark backgrounds — rendered from the SVG, proportions never altered.
Symbol · dark background · SVG · Download SVG · Public domain (simple shapes / text — not copyrightable) · source 
Icon · light background · SVG · Download SVG · CC0 1.0 · source 
Icon · dark background · SVG · Download SVG · CC0 1.0 · source
Material Design brand colors — HEX, RGB, HSL, CMYK & Pantone
| Color | HEX | RGB | HSL | CMYK | Pantone | Role | Source | |
|---|---|---|---|---|---|---|---|---|
| Indigo | #6750A4 | rgb(103, 80, 164) | hsl(256, 34%, 48%) | cmyk(37%, 51%, 0%, 36%) | PANTONE 18-3840 TCX Purple Opulence (ΔE 10.6) | brand | simple-icons (CC0) | |
| Gray | #757575 | rgb(117, 117, 117) | hsl(0, 0%, 46%) | cmyk(0%, 0%, 0%, 54%) | PANTONE 18-5102 TCX Brushed Nickel (ΔE 2.2) | accent | Wikidata / Wikimedia Commons | |
| Light Gray | #BDBDBD | rgb(189, 189, 189) | hsl(0, 0%, 74%) | cmyk(0%, 0%, 0%, 26%) | PANTONE 14-4203 TCX Vapor Blue (ΔE 0.4) | accent | Wikidata / Wikimedia Commons |
Colors observed on m3.material.io
Seen in the website's CSS — informative, not official: #1F1923 #9F86FF #E6E1E3 #FF6240 #1F1F1F #490909 #4D4256 #FFCE22
Contrast (WCAG)
| Color | On white | On black |
|---|---|---|
| Indigo #6750A4 | 6.4:1 | 3.3:1 |
| Gray #757575 | 4.6:1 | 4.6:1 |
| Light Gray #BDBDBD | 1.9:1 | 11.2:1 |
Material Design fonts
Observed on m3.material.io: Google Sans Text (body), Google Sans (heading).
About Material Design
Material Design is a design language developed by Google in 2014. Expanding on the "cards" UI that debuted in Google Now, Material Design uses more grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. Google announced the initial version of Material Design on June 25, 2014, at the 2014 Google I/O conference.
Text from Wikipedia, CC BY-SA 4.0.
| Industry | Business & Consumer Services |
|---|---|
| Founded | June 25, 2014 |
| Website | m3.material.io |
Tags: Business & Consumer Services, design language, software, javascript library
FAQ
What is the Material Design brand color hex code?
The primary Material Design color is Indigo #6750A4 (rgb(103, 80, 164); hsl(256, 34%, 48%); cmyk(37%, 51%, 0%, 36%)). The closest Pantone TCX match is PANTONE 18-3840 TCX Purple Opulence (ΔE 10.6).
What are all the Material Design brand colors?
The Material Design brand colors are Indigo #6750A4, Gray #757575 and Light Gray #BDBDBD. Colors observed on m3.material.io but not confirmed as official are listed separately.
How do I download the Material Design logo?
Choose a tile in the Logos section (symbol, icon) and click SVG for the vector file or PNG for a transparent, white or dark background at 256, 512, 1024, 2048 px. "Download all" packs every file into one ZIP. PNGs are rendered in your browser from the SVG, so the proportions are never altered.
Can I use the Material Design logo?
The files here are distributed under: Public domain (simple shapes / text — not copyrightable); CC0 1.0. The Material Design name and logo remain trademarks of their owner. You may use them to refer to Material Design (articles, reviews, comparisons, tutorials, app integrations) but not to imply endorsement, on merchandise, or in a modified form. See our Logo Fair Use guide and Trademark Policy.
What font does Material Design use?
On m3.material.io we observed Google Sans Text (body) and Google Sans (heading). Fonts are detected from the live website, not from brand guidelines.
Related brands
- FedEx logo & colors
- Lufthansa logo & colors
- KLM logo & colors
- Accenture logo & colors
- Fujifilm logo & colors
- Deutsche Bahn logo & colors
- DHL logo & colors
- Boeing logo & colors
All Business & Consumer Services brands · Brands hub · Logo fair use guide · Trademark policy
Logos are the property of their respective trademark owners. Usage must comply with fair-use principles: no endorsement, misrepresentation, or alteration.