• Material Colors

  • HEX
  • RGB
  • HSL

Material color is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights. 

Click to copy color code value, and paste to whereever you want to use.

How to use

  • Select color
  • Click a color block to display, copy and add it to last used pallete.
  • View color
  • Click Sample Color to view more color pallete
  • Generate color code
  • Click to generate color code
  • Pink
  • Purle
  • Deep Purple
  • Indigo
  • Blue
  • Light Blue
  • Cyan
  • Teal
  • Lime
  • Yellow
  • Amber
  • Orange
  • Deep Orange
  • Brown
  • Gray
  • Blue Gray
  • Green
  • Red
  • dark-primary-color
  • default-primary-color
  • light-primary-color
  • text-primary-color
  • accent-color
  • primary-text-color
  • secondary-text-color
  • divider-color