The issue you're experiencing might be due to the color space used by SwiftUI. SwiftUI uses the sRGB color space by default, but the color space used by iOS and Widgets might be different, which could cause the colors to appear differently. When you define colors using hex values or other methods, the colors are interpreted according to the color space of the device where they are displayed. If the color space is different between your iOS app and the Widget extension, the same color values can appear differently. To solve this issue for your gradient, you can try explicitly setting the color space when defining your colors. Here's an example of how to do this in SwiftUI: Color("color1", bundle: nil).colorSpace(.sRGB) Color("color2", bundle: nil).colorSpace(.sRGB) This will ensure that the colors are interpreted in the sRGB color space, which should make them appear consistently between your iOS app and the Widget extension.