I am designing a mobile UI and I was wondering if having the buttons the same color as the canvas background is bad visual design? There will be a border around the buttons so it will be noticeable to see that they are buttons but will that potentially confuse a user? Here is an image:
It isn’t “bad visual design” necessarily, but I recommend you try one of the following:
invert the buttons so the button background is orange and labels are white — maybe try the labels in black also, maybe at 70% opacity
color the entire background orange.
If you make the above alternates and then put all 3 on screen and stand way back about 3–4 meters, you might see that one of them remains very obvious and the others do not.
Simon White suggestion looks better. Any particular reason to only use one color? (except from the dark borders.) If not, you could check color palette websites like coolors.co or adobe color. I usually use at least 3 colors, even on a black and white design, having a light/dark gray in it makes alot of difference.
If you still feel like using borders, i would make the border thicker, also make the title in uppercase and the button labels capitalize. Something like this: