Mahindra color palette
AutomotiveMahindra's color identity is defined by a bold red primary, complemented by deep grays and crisp whites for a modern, high-contrast automotive brand presence. The palette emphasizes strength, reliability, and innovation.
mahindra.comMahindra colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Mahindra RedPrimary221, 5, 43
- Mahindra CharcoalSecondary43, 43, 43
- Mahindra GoldAccent249, 178, 51
Surfaces
Page, cards and dividers.- Mahindra WhiteBackground255, 255, 255
- Mahindra Light GraySurface244, 244, 244
- Mahindra SilverBorder209, 211, 212
Text
Three tiers of copy.- Mahindra BlackText34, 34, 34
- Mahindra Medium GraySecondary text102, 102, 102
- Mahindra Muted GrayMuted text165, 165, 165
Semantic
Feedback and state colors.- Mahindra GreenSuccess108, 179, 63
- Mahindra GoldWarning249, 178, 51
- Mahindra RedError221, 5, 43
- Mahindra BlueInfo0, 114, 188
Use Mahindra's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mahindra-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072BC;
--error: #DD052B;
--accent: #F9B233;
--border: #D1D3D4;
--primary: #DD052B;
--success: #6CB33F;
--surface: #F4F4F4;
--warning: #F9B233;
--secondary: #2B2B2B;
--text-muted: #A5A5A5;
--background: #FFFFFF;
--text-primary: #222222;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.5: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.2:1
Pass
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Mahindra gray and neutral colors
The quiet part of the Mahindra palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Mahindra WhiteBackground
- HEX
- RGB
- HSL
- Mahindra Light GraySurface
- HEX
- RGB
- HSL
- Mahindra SilverBorder
- HEX
- RGB
- HSL
- Mahindra BlackText
- HEX
- RGB
- HSL
- Mahindra Medium GraySecondary text
- HEX
- RGB
- HSL
- Mahindra Muted GrayMuted text
- HEX
- RGB
- HSL
About Mahindra's colors
Mahindra's palette is anchored by a vibrant red, supported by neutral grays and white for clarity and contrast. The accent gold and blue provide visual hierarchy and highlight key actions.
Red and gray create a strong, authoritative contrast.
Gold accent draws attention to calls-to-action.
Blue is reserved for informational highlights.
Psychology
Red conveys energy, power, and confidence, aligning with Mahindra's automotive legacy. The use of gray and white ensures a professional and trustworthy appearance.
Evolution
The core red has remained consistent, reinforcing brand recognition. Over time, the supporting neutrals have shifted toward lighter grays for a cleaner digital experience.
Where Mahindra uses each color
- Primary
Used for the logo, primary buttons, and key highlights across digital and print assets.
- Secondary
Appears in navigation bars, footers, and as a background for secondary content.
- Accent
Applied to call-to-action buttons, icons, and promotional banners.
- Backgrounds
White and light gray are used for main page backgrounds and content areas.
- Text
Black and medium gray are used for primary and secondary text, ensuring readability.
- Semantic
Green, gold, and blue are used for status indicators such as success, warning, and informational messages.
Mahindra color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Mahindra primary color hex code is #DD052B. This red is used prominently in the brand's logo and key UI elements.
Mahindra Red (#DD052B) in RGB is (221, 5, 43) and in CMYK is (0, 98, 81, 13). These values ensure color consistency across digital and print media.
Mahindra uses Mahindra Charcoal (#2B2B2B), Mahindra Light Gray (#F4F4F4), Mahindra Silver (#D1D3D4), and Mahindra Muted Gray (#A5A5A5) for backgrounds, borders, and text. These neutrals provide contrast and support the primary red.
Primary red (#DD052B) should dominate key brand elements, while grays and whites structure layouts and text. Accent colors like gold (#F9B233) and blue (#0072BC) should be used sparingly for emphasis.
The secondary color is Mahindra Charcoal, #2B2B2B, and the accent is Mahindra Gold, #F9B233. 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 Mahindra's colors consistently when it generates UI.
Make something in the spirit of Mahindra
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.