Material Design Colors

What it does

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. This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors.

Google's Material Design palette in full: 19 colour families, 254 shades, and the 64 A100 to A700 accents. Search, filter, copy and export as CSS, SCSS or JSON.

All 254 shades of Google's palette. Nineteen families, ten shades each, and the 64 accent shades, A100 to A700, on the sixteen families that have them. These are not Google's palette. They belong to MDBootstrap, a Bootstrap library with a Material look, and they are here because people came looking for them. The legacy page listed the same fourteen twice under two headings; this is them once. Two opacities, not three. The legacy page labels a third called slight and gives it the same value as light on every colour, so there is nothing here to show forfrom hexcolor.co

• 
  Material Palette2014 · materialpalette.com · ▲296

  Generate and export your Material Design color palette

• 
  Material UI Colors2015 · materialuicolors.co · ▲198

  Color palette for material design

• 
  Colors2017 · pixelfika.com · ▲388

  A data-driven collection of beautiful color palettes 🌈

• 
  Material Colors2016 · ▲133

  A tool for material design colors

• 
  Material Design Palette Generator2019 · materialpalettes.com · ▲113

  Get perfect Material Design palettes from any hex color.

• 
  Material Palette - Material Design color palette generator2014 · materialpalette.com · ▲17

  Choose your favorite colors and get your Material Design palette generated and downloadable.

• 
  /dev/null▲483

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲345

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• MY
  Make your site’s pages instant in one minute▲1,214

  Make your site’s pages instant in 1 minute and improve your conversion rate by 1%.

  Life & fun · 2019 · instant.page

• 
  Flatfile▲1,069

  The data onboarding platform

  AI · 2019 · flatfile.com

• 
  Mixkit▲984

  High-quality stock videos that are completely free.

  Growth · 2019 · mixkit.co

• 
  Sheety▲974

  Turn your Google Sheet into an API instantly, for free

  Dev tools · 2019 · sheety.co

• 
  This Person Does Not Exist▲750

  Computer generated people - refresh to get a new one

  AI · 2019 · thispersondoesnotexist.com

• 
  Webflow Ecommerce▲724

  Build custom ecommerce stores visually

  Work · 2019