Wendy's color palette
Food & DrinkWendy's brand color system is anchored by its signature red, complemented by a palette of blues, grays, and supporting accent tones. The colors reflect the brand's approachable, energetic, and classic fast-food identity.
wendys.comWendy's colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Wendy's RedPrimary226, 32, 42
- Wendy's BlueSecondary25, 149, 210
- Wendy's YellowAccent247, 168, 0
Surfaces
Page, cards and dividers.- Wendy's WhiteBackground255, 255, 255
- Wendy's Light GraySurface245, 245, 245
- Wendy's Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Wendy's BlackText35, 31, 32
- Wendy's Medium GraySecondary text109, 110, 113
- Wendy's Muted GrayMuted text167, 168, 170
Semantic
Feedback and state colors.- Wendy's Success GreenSuccess75, 181, 67
- Wendy's Warning YellowWarning247, 168, 0
- Wendy's Error RedError226, 32, 42
- Wendy's Info BlueInfo25, 149, 210
Use Wendy's's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
wendys-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1995D2;
--error: #E2202A;
--accent: #F7A800;
--border: #D1D3D4;
--primary: #E2202A;
--success: #4BB543;
--surface: #F5F5F5;
--warning: #F7A800;
--secondary: #1995D2;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}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.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7: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
Wendy's gray and neutral colors
The quiet part of the Wendy's palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Wendy's WhiteBackground
- HEX
- RGB
- HSL
- Wendy's Light GraySurface
- HEX
- RGB
- HSL
- Wendy's Border GrayBorder
- HEX
- RGB
- HSL
- Wendy's BlackText
- HEX
- RGB
- HSL
- Wendy's Medium GraySecondary text
- HEX
- RGB
- HSL
- Wendy's Muted GrayMuted text
- HEX
- RGB
- HSL
About Wendy's's colors
Wendy's color palette is dominated by a vivid red, supported by blue and yellow accents, and balanced with neutral grays and white. This combination creates a bold, energetic, and inviting visual identity.
Primary red contrasts with blue for visual emphasis.
Yellow accent highlights calls to action.
Grays and white provide neutral backgrounds for clarity.
Psychology
Red evokes appetite, energy, and excitement, making it ideal for fast food. Blue adds trust and approachability, while yellow draws attention to key elements.
Evolution
Wendy's palette has remained consistent, with red always as the core color. Minor adjustments to secondary and accent tones have modernized the brand without losing its heritage.
Where Wendy's uses each color
- Primary
Wendy's Red is used for logos, primary buttons, and key brand elements.
- Secondary
Wendy's Blue appears in backgrounds, highlights, and supporting graphics.
- Accent
Wendy's Yellow is used for call-to-action buttons and promotional highlights.
- Backgrounds
White and light gray backgrounds are used throughout the website and packaging for clarity.
- Text
Black and gray tones are used for primary, secondary, and muted text across digital and print materials.
- Semantic
Green, yellow, and red are used for success, warning, and error states in digital interfaces.
Wendy's color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Wendy's brand red is #E2202A, which is used as the primary color across all branding.
Wendy's Red (#E2202A) in RGB is (226, 32, 42) and in CMYK is (0, 86, 81, 11).
Wendy's uses several grays: Border Gray (#D1D3D4), Medium Gray (#6D6E71), Muted Gray (#A7A8AA), and Light Gray (#F5F5F5) for backgrounds and UI elements.
Use Wendy's Red (#E2202A) for primary actions and branding, Blue (#1995D2) for secondary emphasis, and Yellow (#F7A800) for accents. Neutrals provide balance and legibility in backgrounds and text.
The secondary color is Wendy's Blue, #1995D2, and the accent is Wendy's Yellow, #F7A800. 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 Wendy's's colors consistently when it generates UI.
Make something in the spirit of Wendy's
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.