I look at Google's material color guidelines and can understand that 500 means the primary color. Higher values, like 900, mean "darker" versions of the primary color. Correspondingly, lower values means "lighter" versions of the primary color, like 50.

However, what about A100, A700, etc? What is the meaning of "A" prefix?

  • 1
    Haven't got time to find a reference now but it means Accent color – Cai Apr 5 '16 at 17:44

As mentioned on the page you linked, the A in front of the number stands for "Accent". The numbers are lighter the lower they are and darker the higher they are, just like non-accent colors.

Usage guidelines of these accent colors are as follows:

The accent should be used for the floating action button and interactive elements, such as:

  • Text fields and cursors
  • Text selection
  • Progress bars
  • Selection controls, buttons, and sliders Links

How these numbers are calculated is discussed in another post. How to create these type of palettes yourself has also been discussed.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.