Hulu color palette
EntertainmentHulu's color identity is defined by its distinctive green, paired with dark backgrounds and neutral grays for a modern, digital-first entertainment experience. The palette is minimal, focusing on high contrast and clarity for streaming UI.
hulu.comHulu colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Hulu GreenPrimary28, 231, 131
- Hulu WhiteSecondary255, 255, 255
- Hulu BlackAccent11, 12, 15
Surfaces
Page, cards and dividers.- Hulu BlackBackground11, 12, 15
- Hulu Dark GraySurface24, 24, 26
- Hulu Border GrayBorder39, 40, 41
Text
Three tiers of copy.- Hulu Text WhiteText255, 255, 255
- Hulu Text GraySecondary text184, 184, 184
- Hulu Muted GrayMuted text110, 110, 110
Semantic
Feedback and state colors.- Hulu GreenSuccess28, 231, 131
- Hulu YellowWarning255, 214, 0
- Hulu Error RedError255, 75, 75
- Hulu GreenInfo28, 231, 131
Use Hulu's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
hulu-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1CE783;
--error: #FF4B4B;
--accent: #0B0C0F;
--border: #272829;
--primary: #1CE783;
--success: #1CE783;
--surface: #18181A;
--warning: #FFD600;
--secondary: #FFFFFF;
--text-muted: #6E6E6E;
--background: #0B0C0F;
--text-primary: #FFFFFF;
--text-secondary: #B8B8B8;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.6:1
Pass
Text on surface
Needs 4.5:1 for body text
17.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.8:1
Pass
Muted text on surface
Needs 3:1 for large text
3.5:1
Pass
Hulu gray, dark and neutral colors
Hulu runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Hulu BlackBackground
- HEX
- RGB
- HSL
- Hulu Dark GraySurface
- HEX
- RGB
- HSL
- Hulu Border GrayBorder
- HEX
- RGB
- HSL
- Hulu Text WhiteText
- HEX
- RGB
- HSL
- Hulu Text GraySecondary text
- HEX
- RGB
- HSL
- Hulu Muted GrayMuted text
- HEX
- RGB
- HSL
About Hulu's colors
Hulu's palette is anchored by a vibrant green contrasted against deep blacks and subtle grays, creating a modern and energetic digital environment. The limited color set ensures focus on content and easy navigation.
Primary green is used for highlights and calls to action.
Dark backgrounds support high contrast for readability.
Neutral grays balance the palette and support UI elements.
Psychology
The green evokes freshness, innovation, and approachability, distinguishing Hulu from competitors. Dark backgrounds foster a cinematic, immersive experience for viewers.
Evolution
Hulu's green has remained consistent since its rebrand in 2017, with minor adjustments to saturation for digital clarity. The supporting palette has shifted toward darker neutrals to enhance contrast and accessibility.
Where Hulu uses each color
- Primary
Used for logo, primary buttons, and active states throughout the Hulu website and apps.
- Secondary
Applied to backgrounds, cards, and secondary UI elements for clarity and separation.
- Accent
Serves as the main background color for navigation bars, footers, and player screens.
- Backgrounds
Dominates the app and web backgrounds, providing a dark, content-focused interface.
- Text
Primary text is white for maximum contrast; secondary and muted grays are used for less prominent information.
- Semantic
Green is also used for success and info states, yellow for warnings, and red for errors in UI feedback.
Hulu color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Hulu brand color is Hulu Green, with the hex code #1CE783.
Hulu Green (#1CE783) in RGB is (28, 231, 131). For CMYK, it is approximately (88, 0, 43, 9).
Hulu uses #0B0C0F (Hulu Black) for backgrounds and #18181A (Hulu Dark Gray) for surfaces. Text and borders use #B8B8B8 and #272829 for additional contrast.
Use Hulu Green (#1CE783) for primary actions and highlights, with dark backgrounds and white or gray text for readability. Accent and semantic colors should be reserved for status indicators and UI feedback.
The secondary color is Hulu White, #FFFFFF, and the accent is Hulu Black, #0B0C0F. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Hulu's colors consistently when it generates UI.
Make something in the spirit of Hulu
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.