Icon color
- The colors in One UI icons indicate the characteristics of the apps and provide a harmonious and consistent experience.
- We use bright, vibrant background colors to project confidence, and the contrast between the colored backgrounds and white symbols produces an intuitive, distinct brand identity.
- The backgrounds of app icons are generally a single color, but analogous colors can also be used for parts of the symbol. In some cases, backgrounds can use gradients made of 3 or fewer analogous colors to maintain previous app identities.
Solid color
![](https://d3unf4s5rp9dfh.cloudfront.net/OneUI_doc/iconography_iconcolor_img-05.png)
![](https://d3unf4s5rp9dfh.cloudfront.net/OneUI_doc/iconography_iconcolor_img-05-m.png)
Gradient spectrum
![](https://d3unf4s5rp9dfh.cloudfront.net/OneUI_doc/iconography_iconcolor_img-02.png)
![](https://d3unf4s5rp9dfh.cloudfront.net/OneUI_doc/iconography_iconcolor_img-02-m.png)
![](https://d3unf4s5rp9dfh.cloudfront.net/OneUI_doc/iconography_iconcolor_img-03.png)
![](https://d3unf4s5rp9dfh.cloudfront.net/OneUI_doc/iconography_iconcolor_img-03-m.png)
![](https://d3unf4s5rp9dfh.cloudfront.net/ONEUI/iconography_iconcolor_img-04.png)
![](https://d3unf4s5rp9dfh.cloudfront.net/OneUI_doc/iconography_iconcolor_img-04-m.png)