Pizza Hut color palette
Food & DrinkPizza Hut's color identity is defined by its iconic red, paired with black, white, and subtle gray tones for UI clarity. The palette is bold, instantly recognizable, and rooted in the brand's heritage.
pizzahut.comPizza Hut colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Pizza Hut RedPrimary238, 49, 36
- Pizza Hut BlackSecondary0, 0, 0
- Pizza Hut WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Pizza Hut Light GrayBackground245, 245, 245
- Pizza Hut Off WhiteSurface250, 250, 250
- Pizza Hut Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Pizza Hut Text BlackText26, 26, 26
- Pizza Hut Text GraySecondary text85, 85, 85
- Pizza Hut Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Pizza Hut Success GreenSuccess67, 160, 71
- Pizza Hut Warning YellowWarning249, 168, 37
- Pizza Hut Error RedError211, 47, 47
- Pizza Hut Info BlueInfo25, 118, 210
Use Pizza Hut's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
pizza-hut-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFFFFF;
--border: #E0E0E0;
--primary: #EE3124;
--success: #43A047;
--surface: #FAFAFA;
--warning: #F9A825;
--secondary: #000000;
--text-muted: #888888;
--background: #F5F5F5;
--text-primary: #1A1A1A;
--text-secondary: #555555;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.0:1
Pass
Text on surface
Needs 4.5:1 for body text
16.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.1:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
Pizza Hut gray and neutral colors
The quiet part of the Pizza Hut palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Pizza Hut Light GrayBackground
- HEX
- RGB
- HSL
- Pizza Hut Off WhiteSurface
- HEX
- RGB
- HSL
- Pizza Hut Border GrayBorder
- HEX
- RGB
- HSL
- Pizza Hut Text BlackText
- HEX
- RGB
- HSL
- Pizza Hut Text GraySecondary text
- HEX
- RGB
- HSL
- Pizza Hut Muted GrayMuted text
- HEX
- RGB
- HSL
About Pizza Hut's colors
Pizza Hut's palette is anchored by a vivid red, contrasted with black and white for strong visual impact. The supporting grays ensure readability and a modern UI experience.
Red and black create a bold, high-contrast look.
White and gray provide balance and clarity.
Accent colors are used sparingly for semantic feedback.
Psychology
Red evokes appetite, excitement, and energy, which are key to Pizza Hut's brand experience. Black and white add sophistication and legibility.
Evolution
The core red and black palette has been consistent for decades, with minor adjustments to red's vibrancy. Recent updates have refined gray tones for digital clarity.
Where Pizza Hut uses each color
- Primary
Pizza Hut Red is used for the logo, primary buttons, and key calls to action.
- Secondary
Pizza Hut Black appears in navigation bars, text, and backgrounds for emphasis.
- Accent
Pizza Hut White is used for backgrounds, text, and to provide contrast in UI elements.
- Backgrounds
Light gray and off white backgrounds are used throughout the website and app interfaces.
- Text
Text colors range from deep black for headlines to muted gray for secondary information.
- Semantic
Success green, warning yellow, error red, and info blue are used for status indicators and alerts.
Pizza Hut color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Pizza Hut brand color is #EE3124, known as Pizza Hut Red.
Pizza Hut Red (#EE3124) has an RGB value of (238, 49, 36) and a CMYK value of (0, 79, 85, 7).
Pizza Hut uses several grays including #F5F5F5 (Light Gray), #E0E0E0 (Border Gray), and #555555 (Text Gray) for backgrounds and text.
Use #EE3124 for primary actions and branding, with black and white for contrast and readability. Grays and semantic colors are reserved for backgrounds, borders, and status messaging.
The secondary color is Pizza Hut Black, #000000, and the accent is Pizza Hut White, #FFFFFF. 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 Pizza Hut's colors consistently when it generates UI.
Make something in the spirit of Pizza Hut
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.