Color
The gradients and blurs that make YouTube Premium stand out
YouTube Premium color lives in a broad but limited spectrum of diffused gradients. Photography, photo blurs, and diffused gradients are the sources of color for YouTube Premium.
Blurs
Blurs are used in combination with photography such as creator content, stock imagery, or sometimes, a simplified user interface.
Blurs are generated as a Gaussian Blur (with Photoshop) or a Layer Blur (with Figma).
Gradients
Gradients combine two muted colors and one saturated color from the YouTube Secondary Color palette, plus a white or Almost Black background base.
Premium’s two primary mesh gradients are created with the secondary color palette. There are two times we use these gradients:
- When content imagery is not available or applicable
- As a backdrop for featuring product in marketing expressions.
The following examples show how we build light and dark gradients. These are for example only and should not be used in all YouTube Premium applications.
Light base
Built from:
- Two muted colors (CAF8FF and CADDFF)
- One saturated color (FFC200)
- White (FFFFFF)
Dark base
Built from:
- Two muted colors (005D7A and 000066)
- One saturated color (FFC200)
- Almost Black (212121)