Times of India color palette
MediaThe Times of India brand color system is anchored by its iconic deep red, reflecting heritage and authority in Indian journalism. The palette uses strong reds, dark neutrals, and clean whites for clarity and gravitas.
timesofindia.indiatimes.comTimes of India colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- TOI RedPrimary197, 0, 19
- TOI WhiteSecondary255, 255, 255
- TOI BlackAccent34, 34, 34
Surfaces
Page, cards and dividers.- TOI Light GrayBackground248, 249, 250
- TOI Paper GraySurface241, 243, 244
- TOI Border GrayBorder224, 224, 224
Text
Three tiers of copy.- TOI Headline BlackText34, 34, 34
- TOI Body GraySecondary text68, 68, 68
- TOI Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- TOI Success GreenSuccess56, 142, 60
- TOI Warning YellowWarning251, 192, 45
- TOI Error RedError211, 47, 47
- TOI Info BlueInfo25, 118, 210
Use Times of India's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
times-of-india-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #222222;
--border: #E0E0E0;
--primary: #C50013;
--success: #388E3C;
--surface: #F1F3F4;
--warning: #FBC02D;
--secondary: #FFFFFF;
--text-muted: #888888;
--background: #F8F9FA;
--text-primary: #222222;
--text-secondary: #444444;
}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.1:1
Pass
Text on surface
Needs 4.5:1 for body text
14.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.8:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.2:1
Pass
Times of India background, border and text colors
The quiet part of the Times of India palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- TOI Light GrayBackground
- HEX
- RGB
- HSL
- TOI Paper GraySurface
- HEX
- RGB
- HSL
- TOI Border GrayBorder
- HEX
- RGB
- HSL
- TOI Headline BlackText
- HEX
- RGB
- HSL
- TOI Body GraySecondary text
- HEX
- RGB
- HSL
- TOI Muted GrayMuted text
- HEX
- RGB
- HSL
About Times of India's colors
Times of India's palette is dominated by its signature red, complemented by black, white, and subtle grays for a classic newsprint feel. The use of strong, contrasting tones ensures readability and brand recognition.
Primary red is paired with white for logo and navigation.
Black and dark gray are used for headlines and text.
Accent colors highlight alerts and status messages.
Psychology
The deep red conveys authority, urgency, and trust—qualities essential for a news brand. Neutral grays and whites provide balance and readability, supporting a sense of clarity.
Evolution
The palette has remained stable for decades, with red always central to the brand identity. Minor adjustments have been made to grays and UI tones for digital clarity.
Where Times of India uses each color
- Primary
TOI Red is used in the masthead, logo, and key navigation highlights.
- Secondary
TOI White serves as the background for articles and main content areas.
- Accent
TOI Black is used for the main navigation bar and footer.
- Backgrounds
TOI Light Gray and Paper Gray are used for page backgrounds and card surfaces.
- Text
Headline Black and Body Gray are used for primary and secondary text, with Muted Gray for timestamps and metadata.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for alerts, notifications, and badges.
Times of India color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Times of India brand color is TOI Red, hex code #C50013.
TOI Red (#C50013) in RGB is (197, 0, 19); in CMYK it is approximately (0, 100, 90, 23).
TOI uses TOI Light Gray (#F8F9FA), Paper Gray (#F1F3F4), Border Gray (#E0E0E0), and several text grays like #444444 and #888888 for UI and readability.
Use TOI Red for branding elements and highlights, neutrals for backgrounds, and the specified semantic colors for alerts and notifications. Always use the exact hex codes to maintain brand consistency.
The secondary color is TOI White, #FFFFFF, and the accent is TOI Black, #222222. 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 Times of India's colors consistently when it generates UI.
Make something in the spirit of Times of India
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.