Papa John's color palette
Food & DrinkPapa John's brand identity centers on its distinctive green and red palette, reflecting freshness and heritage. The color system is consistent across digital and physical touchpoints, emphasizing approachability and quality.
papajohns.comPapa John's colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Papa John's GreenPrimary0, 112, 66
- Papa John's RedSecondary227, 24, 55
- Papa John's GoldAccent255, 210, 0
Surfaces
Page, cards and dividers.- Papa John's WhiteBackground255, 255, 255
- Papa John's Light GraySurface245, 245, 245
- Papa John's Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Papa John's BlackText34, 34, 34
- Papa John's Dark GraySecondary text79, 79, 79
- Papa John's Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Papa John's Success GreenSuccess67, 176, 42
- Papa John's Warning YellowWarning255, 184, 28
- Papa John's Error RedError215, 38, 61
- Papa John's Info BlueInfo0, 127, 163
Use Papa John's's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
papa-johns-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #007FA3;
--error: #D7263D;
--accent: #FFD200;
--border: #D9D9D6;
--primary: #007042;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FFB81C;
--secondary: #E31837;
--text-muted: #888888;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #4F4F4F;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.5:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Papa John's gray and neutral colors
The quiet part of the Papa John's palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Papa John's WhiteBackground
- HEX
- RGB
- HSL
- Papa John's Light GraySurface
- HEX
- RGB
- HSL
- Papa John's Border GrayBorder
- HEX
- RGB
- HSL
- Papa John's BlackText
- HEX
- RGB
- HSL
- Papa John's Dark GraySecondary text
- HEX
- RGB
- HSL
- Papa John's Muted GrayMuted text
- HEX
- RGB
- HSL
About Papa John's's colors
Papa John's color palette is built around a deep green and vibrant red, evoking freshness and appetite. The supporting neutrals and accent gold reinforce clarity and warmth in the brand's presentation.
Primary green and red are complementary and dominate the brand experience.
Gold accent is used sparingly for highlights and promotions.
Neutral grays and white provide balance and readability.
Psychology
Green communicates freshness, quality, and a connection to natural ingredients, while red stimulates appetite and energy. The gold accent adds a sense of premium value and warmth.
Evolution
Papa John's palette has remained largely stable, with the green and red combination being a core part of its identity for decades. Minor adjustments to the exact shades and the introduction of gold have modernized the look for digital use.
Where Papa John's uses each color
- Primary
Papa John's Green is used in the logo, navigation bars, and key call-to-action buttons.
- Secondary
Papa John's Red appears in the logo, promotional banners, and highlights for offers.
- Accent
Papa John's Gold is used for special promotions, badges, and limited-time offers.
- Backgrounds
Papa John's White and Light Gray are used for backgrounds on web pages and app screens.
- Text
Papa John's Black and Dark Gray are used for primary and secondary text, ensuring legibility.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for alerts, notifications, and status indicators.
Papa John's color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Papa John's primary brand color is green, with the hex code #007042.
Papa John's Green (#007042) in RGB is (0, 112, 66). For print, the closest CMYK is (100, 0, 41, 56).
Papa John's uses Light Gray (#F5F5F5), Border Gray (#D9D9D6), and Muted Gray (#888888) for backgrounds, borders, and muted text elements.
Use Papa John's Green (#007042) for primary branding and actions, Red (#E31837) for highlights, and Gold (#FFD200) for accents. Neutrals support readability and layout structure throughout the UI.
The secondary color is Papa John's Red, #E31837, and the accent is Papa John's Gold, #FFD200. 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 Papa John's's colors consistently when it generates UI.
Make something in the spirit of Papa John's
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.