How should we choose the color for buttons is there a should always be a dark and light colour or two differed colors. What will be the best strategy for choosing colours.

And is it should always be a vice versa colors for on and off of hover of buttons links etc.

like when you hover on login or profile button etc

  • 1
    Sorry, this question is way too broad for a possible answer. Can you describe the exact situation like what the buttons will do, in what context, for which users etc? Also adding screenshots or wireframes will help. For now I vote to close the question.
    – jazZRo
    Sep 29, 2018 at 10:54
  • i am asking about the general way of giving colors for buttons for ex for sign in or post etc Sep 29, 2018 at 16:20

1 Answer 1


First of all, you need to determinate the color palette that you'll use for that project.

To determinate color palette, you need to pay attention to a few things:

  • What is the brand color
  • What's your product about
  • Demographics

After you form the color palette you should follow few rules in terms of action colors.

Your color palette should be divided into three main (could be more) sections.

  1. Warning (Alert) Colors
  2. "GO" colors
  3. Neutral colors

Warning colors are usually picked from the red palette. e.g., CANCEL, DELETE, QUIT, etc.

"GO" colors needs to create user's feeling of moving forward. e.g., CONTINUE, APPLY, AGREE, etc.

Neutral colors are defining "an extra features". e.g., MORE, EDIT, POST A COMMENT, etc.

Difference between these types of buttons should be obvious.

Should you use opposite colors?

Depends on your style.



  • some what agree with your answer thank you for your contribution Sep 29, 2018 at 15:42

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