Tata Motors color palette
AutomotiveTata Motors' brand color system centers on a distinctive deep blue, reflecting reliability and innovation in the automotive sector. The palette is clean, modern, and rooted in strong blue and neutral tones as seen across its digital and print assets.
tatamotors.comTata Motors colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Tata BluePrimary28, 44, 91
- Tata Sky BlueSecondary0, 159, 218
- Tata SilverAccent230, 231, 232
Surfaces
Page, cards and dividers.- Tata WhiteBackground255, 255, 255
- Tata Light GraySurface244, 245, 247
- Tata Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Tata Blue TextText28, 44, 91
- Tata SlateSecondary text75, 88, 124
- Tata Muted GrayMuted text123, 135, 156
Semantic
Feedback and state colors.- Tata Success GreenSuccess75, 181, 67
- Tata Warning OrangeWarning245, 166, 35
- Tata Error RedError215, 38, 61
- Tata Info BlueInfo0, 159, 218
Use Tata Motors's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
tata-motors-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #D7263D;
--accent: #E6E7E8;
--border: #D1D5DB;
--primary: #1C2C5B;
--success: #4BB543;
--surface: #F4F5F7;
--warning: #F5A623;
--secondary: #009FDA;
--text-muted: #7B879C;
--background: #FFFFFF;
--text-primary: #1C2C5B;
--text-secondary: #4B587C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.5:1
Pass
Text on surface
Needs 4.5:1 for body text
12.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.4:1
Pass
Muted text on background
Needs 3:1 for large text
3.6:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Tata Motors background, border and text colors
The quiet part of the Tata Motors palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Tata WhiteBackground
- HEX
- RGB
- HSL
- Tata Light GraySurface
- HEX
- RGB
- HSL
- Tata Border GrayBorder
- HEX
- RGB
- HSL
- Tata Blue TextText
- HEX
- RGB
- HSL
- Tata SlateSecondary text
- HEX
- RGB
- HSL
- Tata Muted GrayMuted text
- HEX
- RGB
- HSL
About Tata Motors's colors
Tata Motors' palette is dominated by blue, conveying trust and professionalism, with supporting neutrals for clarity and accessibility. The accent and semantic colors provide functional contrast for UI and communications.
Primary blue pairs with light blue for hierarchy.
Neutrals balance bold colors for readability.
Accent silver is used for subtle highlights.
Psychology
Blue is associated with reliability, safety, and advanced technology—key attributes for an automotive brand. The neutral tones reinforce a sense of clarity and modernity.
Evolution
Tata Motors' palette has remained consistent, with deep blue as its anchor since its rebranding in the 2000s. Minor adjustments have been made to neutrals and accent blues for digital clarity.
Where Tata Motors uses each color
- Primary
Used for the logo, navigation bars, and key call-to-action buttons.
- Secondary
Appears in highlights, secondary buttons, and infographics.
- Accent
Utilized for UI dividers, backgrounds, and subtle interface elements.
- Backgrounds
White and light gray backgrounds dominate web and print layouts.
- Text
Primary blue and slate are used for headings and body text, with muted gray for secondary information.
- Semantic
Green, orange, and red are reserved for success, warning, and error states in digital interfaces.
Tata Motors color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Tata Motors primary brand color is Tata Blue, hex code #1C2C5B.
Tata Blue (#1C2C5B) is RGB(28, 44, 91) and CMYK(69, 52, 0, 64).
Tata Motors uses Tata Light Gray (#F4F5F7) and Tata Border Gray (#D1D5DB) for backgrounds and UI elements.
Use Tata Blue (#1C2C5B) for primary branding and navigation, with supporting colors for hierarchy and clarity. Accent and semantic colors should be reserved for functional highlights and status indicators.
The secondary color is Tata Sky Blue, #009FDA, and the accent is Tata Silver, #E6E7E8. Together with the primary they make up the three brand colors at the top of this page.
6 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 Tata Motors's colors consistently when it generates UI.
Make something in the spirit of Tata Motors
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.