Benfica color palette
SportsBenfica's color identity is defined by a bold, iconic red paired with gold, white, and black accents, reflecting the club's heritage and values. The palette is consistent across digital, print, and kit applications.
slbenfica.ptBenfica colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Benfica RedPrimary227, 38, 54
- Benfica GoldSecondary255, 215, 0
- Benfica WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Benfica Light GrayBackground245, 245, 245
- Benfica Surface GraySurface230, 230, 230
- Benfica Border GrayBorder179, 179, 179
Text
Three tiers of copy.- Benfica BlackText26, 26, 26
- Benfica Dark GraySecondary text90, 90, 90
- Benfica Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Benfica Success GreenSuccess60, 179, 113
- Benfica Warning OrangeWarning255, 165, 0
- Benfica Error RedError211, 47, 47
- Benfica Info BlueInfo25, 118, 210
Use Benfica's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
benfica-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFFFFF;
--border: #B3B3B3;
--primary: #E32636;
--success: #3CB371;
--surface: #E6E6E6;
--warning: #FFA500;
--secondary: #FFD700;
--text-muted: #8C8C8C;
--background: #F5F5F5;
--text-primary: #1A1A1A;
--text-secondary: #5A5A5A;
}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.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.5: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
Benfica gray and neutral colors
The quiet part of the Benfica palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Benfica Light GrayBackground
- HEX
- RGB
- HSL
- Benfica Surface GraySurface
- HEX
- RGB
- HSL
- Benfica Border GrayBorder
- HEX
- RGB
- HSL
- Benfica BlackText
- HEX
- RGB
- HSL
- Benfica Dark GraySecondary text
- HEX
- RGB
- HSL
- Benfica Muted GrayMuted text
- HEX
- RGB
- HSL
About Benfica's colors
Benfica's palette centers on a vivid red, symbolizing passion and energy, complemented by gold and neutral tones for contrast and clarity. The colors are used to create a strong, recognizable visual identity across all platforms.
Primary red is paired with gold for highlights.
White and gray tones provide balance and legibility.
Black is used for text and outlines to ensure contrast.
Psychology
Red evokes energy, determination, and unity, reflecting the club's spirit. Gold adds a sense of prestige and achievement.
Evolution
Benfica's core red and gold palette has remained stable for decades, reinforcing brand recognition. Minor adjustments to gray and black tones have been made for digital clarity.
Where Benfica uses each color
- Primary
Benfica Red is used on home jerseys, website headers, and key branding elements.
- Secondary
Benfica Gold appears in the club crest, trophy graphics, and highlight details.
- Accent
Benfica White is used for text, kit numbers, and background contrast.
- Backgrounds
Benfica Light Gray is used for website backgrounds and digital surfaces.
- Text
Benfica Black and Dark Gray are used for primary and secondary text on digital and print materials.
- Semantic
Success, warning, error, and info colors appear in UI notifications and status indicators.
Benfica color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Benfica brand color hex code is #E32636, known as Benfica Red.
Benfica Red (#E32636) in RGB is (227, 38, 54) and in CMYK is approximately (0, 83, 76, 11).
Benfica uses a range of grays: Light Gray (#F5F5F5), Surface Gray (#E6E6E6), Border Gray (#B3B3B3), and Muted Gray (#8C8C8C) for backgrounds, surfaces, and text.
Benfica Red (#E32636) should dominate primary branding and kits, with gold (#FFD700) and white (#FFFFFF) as accents. Grays and black are reserved for backgrounds, text, and UI elements to ensure readability.
The secondary color is Benfica Gold, #FFD700, and the accent is Benfica 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 Benfica's colors consistently when it generates UI.
Make something in the spirit of Benfica
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.