Nando's color palette
Food & DrinkNando's color identity is bold and vibrant, reflecting its South African-Portuguese roots and spicy food offering. The palette features a signature fiery red, earthy neutrals, and lively accent hues.
nandos.co.ukNando's colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Nando's RedPrimary226, 35, 26
- Peri-BlackSecondary35, 31, 32
- Peri-YellowAccent247, 195, 37
Surfaces
Page, cards and dividers.- Peri-BackgroundBackground246, 243, 237
- Peri-WhiteSurface255, 255, 255
- Peri-Grey BorderBorder210, 207, 203
Text
Three tiers of copy.- Peri-Black TextText35, 31, 32
- Peri-Grey TextSecondary text90, 88, 87
- Peri-Muted GreyMuted text160, 158, 156
Semantic
Feedback and state colors.- Peri-GreenSuccess123, 182, 97
- Peri-YellowWarning247, 195, 37
- Nando's RedError226, 35, 26
- Peri-BlueInfo44, 154, 183
Use Nando's's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
nandos-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2C9AB7;
--error: #E2231A;
--accent: #F7C325;
--border: #D2CFCB;
--primary: #E2231A;
--success: #7BB661;
--surface: #FFFFFF;
--warning: #F7C325;
--secondary: #231F20;
--text-muted: #A09E9C;
--background: #F6F3ED;
--text-primary: #231F20;
--text-secondary: #5A5857;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
16.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.1: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.7:1
Fail
Nando's background, border and text colors
The quiet part of the Nando's palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Peri-BackgroundBackground
- HEX
- RGB
- HSL
- Peri-WhiteSurface
- HEX
- RGB
- HSL
- Peri-Grey BorderBorder
- HEX
- RGB
- HSL
- Peri-Black TextText
- HEX
- RGB
- HSL
- Peri-Grey TextSecondary text
- HEX
- RGB
- HSL
- Peri-Muted GreyMuted text
- HEX
- RGB
- HSL
About Nando's's colors
Nando's palette uses high-contrast, earthy and spicy hues to evoke warmth and vibrancy. The combination of red, yellow, and black creates a distinctive, energetic brand presence.
Primary red pairs with deep black for strong contrast.
Yellow accent highlights calls-to-action and details.
Neutrals balance the bold colors for readability.
Psychology
Red signals heat, passion, and appetite, fitting Nando's spicy food. The earthy neutrals ground the palette, while yellow adds energy and friendliness.
Evolution
Nando's core colors have remained consistent, with red always dominant. The palette has expanded over time to include more nuanced neutrals and accent colors for digital use.
Where Nando's uses each color
- Primary
Nando's Red is used for logos, key buttons, and highlights across digital and physical brand touchpoints.
- Secondary
Peri-Black appears in navigation bars, text, and backgrounds for strong contrast.
- Accent
Peri-Yellow is used for call-to-action buttons, icons, and decorative elements.
- Backgrounds
Peri-Background and Peri-White are used for page backgrounds and content areas.
- Text
Peri-Black Text and Peri-Grey Text are used for headings and body copy, with Peri-Muted Grey for less prominent text.
- Semantic
Peri-Green, Peri-Yellow, and Nando's Red are used for success, warning, and error states respectively, while Peri-Blue is used for informational highlights.
Nando's color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Nando's primary brand color is Nando's Red, hex code #E2231A.
Nando's Red (#E2231A) is RGB(226, 35, 26) and CMYK(0, 85, 88, 11).
Nando's uses Peri-Grey Border (#D2CFCB), Peri-Grey Text (#5A5857), and Peri-Muted Grey (#A09E9C) for UI elements and text.
Always use Nando's Red (#E2231A) for primary actions and branding, with Peri-Black (#231F20) and Peri-Yellow (#F7C325) as supporting and accent colors. Neutrals and semantic colors should be used for backgrounds, text, and status indicators to maintain brand consistency.
The secondary color is Peri-Black, #231F20, and the accent is Peri-Yellow, #F7C325. 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 Nando's's colors consistently when it generates UI.
Make something in the spirit of Nando's
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.