Pringles color palette
Food & DrinkPringles uses a bold, instantly recognizable red as its primary brand color, complemented by yellow and black accents. The palette is designed for high visibility and playful appeal, consistent across packaging and digital touchpoints.
pringles.comPringles colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Pringles RedPrimary228, 26, 28
- Pringles YellowSecondary255, 214, 0
- Pringles BlackAccent0, 0, 0
Surfaces
Page, cards and dividers.- Pringles WhiteBackground255, 255, 255
- Pringles Light GraySurface245, 245, 245
- Pringles Gray BorderBorder204, 204, 204
Text
Three tiers of copy.- Pringles CharcoalText35, 31, 32
- Pringles Medium GraySecondary text102, 102, 102
- Pringles Muted GrayMuted text167, 167, 167
Semantic
Feedback and state colors.- Pringles GreenSuccess67, 176, 42
- Pringles OrangeWarning255, 153, 0
- Pringles Error RedError208, 2, 27
- Pringles BlueInfo0, 159, 218
Use Pringles's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
pringles-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #D0021B;
--accent: #000000;
--border: #CCCCCC;
--primary: #E41A1C;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FF9900;
--secondary: #FFD600;
--text-muted: #A7A7A7;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #666666;
}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.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Pringles gray and neutral colors
The quiet part of the Pringles palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Pringles WhiteBackground
- HEX
- RGB
- HSL
- Pringles Light GraySurface
- HEX
- RGB
- HSL
- Pringles Gray BorderBorder
- HEX
- RGB
- HSL
- Pringles CharcoalText
- HEX
- RGB
- HSL
- Pringles Medium GraySecondary text
- HEX
- RGB
- HSL
- Pringles Muted GrayMuted text
- HEX
- RGB
- HSL
About Pringles's colors
Pringles' color palette is designed for high contrast and instant brand recognition, leveraging primary red and yellow with black and white for clarity. The palette emphasizes fun and appetite appeal, aligning with snack food industry standards.
Primary red and yellow are complementary and create high visibility.
Black is used for outlines and text, enhancing contrast.
White and gray tones provide neutral backgrounds for packaging and digital UI.
Psychology
Red stimulates appetite and excitement, making it ideal for snack branding. Yellow conveys warmth and playfulness, supporting the brand's cheerful personality.
Evolution
The Pringles palette has remained largely stable, with minor adjustments to red and yellow tones for consistency across media. The use of black and white has increased in digital and packaging contexts for clarity.
Where Pringles uses each color
- Primary
Pringles Red is used for the main background on packaging, call-to-action buttons, and key website elements.
- Secondary
Pringles Yellow appears in logo highlights, flavor cues, and promotional banners.
- Accent
Pringles Black is used for logo outlines, typography, and UI icons.
- Backgrounds
Pringles White is the default background for web pages and product photography.
- Text
Pringles Charcoal and grays are used for primary and secondary text on packaging and digital interfaces.
- Semantic
Green, orange, blue, and error red are used for status messages, alerts, and limited-edition flavor cues.
Pringles color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Pringles primary brand color is #E41A1C, known as Pringles Red. This color is used prominently on packaging and digital assets.
Pringles Red (#E41A1C) in RGB is (228, 26, 28) and in CMYK is approximately (0, 89, 88, 11). Always use the hex code #E41A1C for digital applications.
Pringles uses several neutral tones: Pringles Light Gray (#F5F5F5) for surfaces, Pringles Gray Border (#CCCCCC), and Pringles Muted Gray (#A7A7A7) for muted text or backgrounds. These support the vivid primary and secondary colors.
Use Pringles Red (#E41A1C) for primary actions and branding, with Pringles Yellow (#FFD600) as a highlight. Black and white provide contrast, while grays are reserved for backgrounds and secondary text.
The secondary color is Pringles Yellow, #FFD600, and the accent is Pringles Black, #000000. Together with the primary they make up the three brand colors at the top of this page.
4 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 Pringles's colors consistently when it generates UI.
Make something in the spirit of Pringles
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.