Resolved button suddenly does not look like its image

Your blue button has transparency in the colors. Transparent blue displayed over that orange is going to get you the purple. The only way to counter that is to either not have transparency in the non-corner area, or place a white background behind the graphic.

A fix is to set the buttons layer to white or off white and set the corner radius to match your graphics corner radius. The following is what I experimented with and got good results. I used your graphic.

Code:

    CGColorRef newButtonBackgroundColor = [[UIColor colorWithRed: 0.9 green: 0.9 blue: 0.9 alpha: 1.0] CGColor];
    myButton.layer.backgroundColor = newButtonBackgroundColor;
    myButton.layer.cornerRadius = 12.0;

An oddity I notice is that your light blue button has a very dark line at the bottom of it, while mine does not. The line is not in the graphic. It looks to me like you were already setting up a layer and used the shadow attributes for this.