While designing web applications or mobile apps you will often stumble upon a paradox, what color should the delete button be.
The most common design patterns point to keeping success as green, delete in red, warning in yellow and information messages in blue. But if you use this pattern then you end up with a weird looking interface.
Now this type of design would put you straight up in weird Al Jankovic books of designers.
So how do you about solving such a paradox?
The answer lies in doing the opposite of what is intended i.e. do not force the user to spend time to make color-to-label association.
Simply make the delete button more prominent and make the cancel button less prominent.
Users will usually associate an action such as “Remove” or “Delete” to red. And, as always, provide a way to “cancel” the action.
