Domino's color palette
Food & DrinkDomino's uses a distinctive palette of red, blue, and white, reflecting its iconic logo and reinforcing its brand recognition in the pizza delivery industry. The color system is consistent across digital and physical touchpoints, emphasizing clarity and approachability.
dominos.comDomino's colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Domino's BluePrimary0, 100, 145
- Domino's RedSecondary226, 23, 55
- Domino's WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Domino's Light GrayBackground245, 245, 245
- Domino's Surface GraySurface240, 240, 240
- Domino's Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Domino's CharcoalText34, 34, 34
- Domino's Secondary GraySecondary text75, 85, 99
- Domino's Muted GrayMuted text107, 114, 128
Semantic
Feedback and state colors.- Domino's Success GreenSuccess67, 176, 42
- Domino's Warning YellowWarning255, 184, 0
- Domino's Error RedError226, 23, 55
- Domino's Info BlueInfo0, 100, 145
Use Domino's's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
dominos-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #006491;
--error: #E21737;
--accent: #FFFFFF;
--border: #D1D5DB;
--primary: #006491;
--success: #43B02A;
--surface: #F0F0F0;
--warning: #FFB800;
--secondary: #E21737;
--text-muted: #6B7280;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #4B5563;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
14.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.6:1
Pass
Muted text on background
Needs 3:1 for large text
4.4:1
Pass
Muted text on surface
Needs 3:1 for large text
4.2:1
Pass
Domino's gray and neutral colors
The quiet part of the Domino's palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Domino's Light GrayBackground
- HEX
- RGB
- HSL
- Domino's Surface GraySurface
- HEX
- RGB
- HSL
- Domino's Border GrayBorder
- HEX
- RGB
- HSL
- Domino's CharcoalText
- HEX
- RGB
- HSL
- Domino's Secondary GraySecondary text
- HEX
- RGB
- HSL
- Domino's Muted GrayMuted text
- HEX
- RGB
- HSL
About Domino's's colors
Domino's color palette is built around a strong triad of blue, red, and white, providing high contrast and instant brand recognition. The supporting grays ensure readability and a clean, modern UI.
Blue and red are complementary and used in the logo.
White provides contrast and clarity.
Grays support accessibility and UI structure.
Psychology
Blue conveys trust, reliability, and professionalism, while red adds energy and appetite appeal. The white and gray tones maintain a sense of cleanliness and approachability.
Evolution
Domino's palette has remained largely stable since its 2012 rebrand, with minor updates to gray tones for digital clarity. The core blue and red have been consistent to maintain strong brand equity.
Where Domino's uses each color
- Primary
Domino's Blue is used for navigation bars, primary buttons, and key brand elements.
- Secondary
Domino's Red appears in the logo, call-to-action buttons, and promotional highlights.
- Accent
Domino's White is used for backgrounds, text, and logo contrast.
- Backgrounds
Domino's Light Gray and Surface Gray are used for page backgrounds and card surfaces.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text throughout the website and app.
- Semantic
Success Green, Warning Yellow, and Error Red are used for status messages, alerts, and notifications.
Domino's color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Domino's primary blue is #006491. This color is used prominently in the logo and digital interfaces.
Domino's Blue (#006491) has an RGB value of (0, 100, 145). For print, its approximate CMYK is (100, 31, 0, 43).
Domino's uses Light Gray (#F5F5F5), Surface Gray (#F0F0F0), Border Gray (#D1D5DB), and several text grays (#222222, #4B5563, #6B7280) for UI backgrounds and text. These ensure readability and a clean interface.
Use Domino's Blue (#006491) for primary actions and navigation, Red (#E21737) for highlights and errors, and White (#FFFFFF) for backgrounds. Grays are reserved for UI structure and text, while semantic colors are used for status feedback.
The secondary color is Domino's Red, #E21737, and the accent is Domino's 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 Domino's's colors consistently when it generates UI.
Make something in the spirit of Domino's
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.