Tubi Color Palette
An in-depth exploration of the Tubi color system. See how this carefully calibrated Red palette drives brand recognition across streaming applications.
Tubi Primary
Tubi Accent
The Visual Identity of Tubi
Color Systems & Brand Psychology
Primary Hue
Tubi builds its visual system around #FF6600. This Orange hue was selected to communicate innovation — a deliberate signal to global audiences that the brand stands for appetite.
Industry Psychology
The psychology behind Tubi's orange palette is rooted in how global audiences perceive color in their industry. Studies on color cognition confirm that orange consistently elicits innovation — making it an effective foundation for a brand competing in digital and print media.
Strategic Usage
Consistent deployment of these hex codes across digital and print media is what turns a color into a brand asset. Tubi enforces precise color governance so that global audiences experience the same visual signal whether they encounter the brand online, in print, or in a physical space.
UI Design & Application Guide
Thinking of using the Tubi color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.
When using #FF6600 as a background, strict accessibility standards (WCAG) recommend using #111827 for your typeface to ensure maximum readability.
Tubi Primary to ensure consistency across all streaming mockups.
Technical Color Data Table
For developers and designers, accuracy is non-negotiable. Below are the precise conversions.
| Color Name | HEX Code | RGB Values | CSS Variable |
|---|---|---|---|
| Tubi Primary | #FF6600 | rgb(255, 102, 0) | var(--tubi-primary) |
| Tubi Accent 1 | #FFFFFF | rgb(255, 255, 255) | var(--tubi-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Tubi brand styles.
:root {
--tubi-primary: #FF6600;
--tubi-color-2: #FFFFFF;
}
Explore Related Brand Palettes
Compare Tubi with other top brands in our database.