Little Caesars color palette
Food & DrinkLittle Caesars' color identity is defined by its signature bright orange, paired with black, white, and gray neutrals for contrast and legibility. The palette is bold and instantly recognizable, reflecting the brand's energetic and approachable personality.
littlecaesars.comLittle Caesars colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Little Caesars OrangePrimary255, 105, 0
- Little Caesars BlackSecondary35, 31, 32
- Little Caesars WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Caesars Light GrayBackground245, 245, 245
- Caesars Surface GraySurface229, 229, 229
- Caesars Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Caesars Text BlackText35, 31, 32
- Caesars Text GraySecondary text91, 91, 91
- Caesars Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Caesars Success GreenSuccess67, 176, 42
- Caesars Warning YellowWarning255, 194, 14
- Caesars Error RedError233, 79, 28
- Caesars Info BlueInfo0, 118, 206
Use Little Caesars's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
little-caesars-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0076CE;
--error: #E94F1C;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #FF6900;
--success: #43B02A;
--surface: #E5E5E5;
--warning: #FFC20E;
--secondary: #231F20;
--text-muted: #8C8C8C;
--background: #F5F5F5;
--text-primary: #231F20;
--text-secondary: #5B5B5B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.0:1
Pass
Text on surface
Needs 4.5:1 for body text
12.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.4:1
Pass
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
2.7:1
Fail
Little Caesars gray and neutral colors
The quiet part of the Little Caesars palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Caesars Light GrayBackground
- HEX
- RGB
- HSL
- Caesars Surface GraySurface
- HEX
- RGB
- HSL
- Caesars Border GrayBorder
- HEX
- RGB
- HSL
- Caesars Text BlackText
- HEX
- RGB
- HSL
- Caesars Text GraySecondary text
- HEX
- RGB
- HSL
- Caesars Muted GrayMuted text
- HEX
- RGB
- HSL
About Little Caesars's colors
Little Caesars' palette is dominated by a vivid orange, contrasted with deep black and clean white for clarity and brand recognition. Neutral grays are used for backgrounds and UI elements to support the primary colors.
Orange and black create high visual contrast.
White and grays provide balance and legibility.
Accent colors are reserved for functional UI feedback.
Psychology
Orange conveys energy, affordability, and friendliness, aligning with the brand's fast, fun image. Black and white add professionalism and readability to the overall look.
Evolution
The orange and black combination has been a core part of Little Caesars' identity for decades, with only minor adjustments in tone. The supporting grays and accent colors have been refined for digital clarity in recent years.
Where Little Caesars uses each color
- Primary
Little Caesars Orange is used for logos, call-to-action buttons, and key highlights on the website and packaging.
- Secondary
Little Caesars Black appears in text, navigation bars, and outlines.
- Accent
Little Caesars White is used for backgrounds, text, and as a contrast color in the logo.
- Backgrounds
Caesars Light Gray and Surface Gray are used for page backgrounds and UI panels.
- Text
Caesars Text Black and Text Gray are used for primary and secondary text throughout the site and app.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status messages, alerts, and notifications in digital interfaces.
Little Caesars color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Little Caesars brand orange is #FF6900. This color is used prominently in their logo and branding materials.
The RGB value for #FF6900 is (255, 105, 0). In CMYK, it is approximately (0, 59, 100, 0).
Little Caesars uses several grays including #F5F5F5 (Light Gray), #E5E5E5 (Surface Gray), #CCCCCC (Border Gray), and #5B5B5B (Text Gray) for backgrounds, surfaces, and text elements.
Use Little Caesars Orange (#FF6900) for primary actions and highlights, with black and white for text and backgrounds. Grays support UI clarity, and semantic colors are reserved for alerts and status indicators.
The secondary color is Little Caesars Black, #231F20, and the accent is Little Caesars White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Little Caesars's colors consistently when it generates UI.
Make something in the spirit of Little Caesars
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.