Skip to main content
added tag
Link
Tom H
  • 291
  • 2
  • 9
Tweeted twitter.com/StackUX/status/1597787824572583936
Became Hot Network Question
Source Link
Tom H
  • 291
  • 2
  • 9

Our brand (and design system)'s primary colour is green: how should we indicate success?

Our brand's primary colour is green, and so we've been using it for a while as the primary colour for our design system (clickable buttons, elements, etc. as shown here):

enter image description here

Now I've just realised that we've also been using it to indicate liveliness/success - e.g., showing that something is turned on, etc.

I feel like this is a different semantic usage. Should I try and find a new colour for this new usage, or could I use the same colour in both places whilst using context to indicate the different meaning?

An example of the alternative usage for "on" or "success" is a badge indicating that something is currently enabled, like so, where we're showing which of 4 outputs are on in a compact form. These are not interactive. (They are smaller than they appear here, not sure how to shrink an image in Stack Exchange).

enter image description here