Style Color

Color

Use color boldly and effectively to represent your application.


Testing colors Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Test colors across devices

Colors on TV can look very different from colors on computer or mobile devices, and some color combinations may not work on both. To make sure your app’s colors work for TV, test your design on multiple devices and environments. Also test image quality using the TV’s display settings (such as black and white, letterbox, etc).


Using colors two to three levels darker than those used a mobile device is recommended. Alternatively, use colors from the 700-900 range of the color palette.

Colors can appear very different on TV

Do.

If your accent color is too light for the background color, choose a darker or tint of the accent color as a fallback.

 

Don't.

TV White Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Pure white (#FFFFFF) can be very harsh on a bright TV screen. Light gray (#EEEEEE) is recommended as the default text color on dark backgrounds.

Do.

 

Don't.