Subtle button background

How to use it

Create a standard button but give its background/container a low visual weight.

When to use it

This is a way to make it clear that an action is less important, but still give it the look of a button. This approach helps with layout because these more subtle button shapes will still align nicely with visually heavier buttons.

What to watch out for

Low contrast colours often suggest that something is inactive. In the example below the button label is a bright blue to suggest that the button is still active.

Examples