Turkish Airlines color palette
TravelTurkish Airlines' color identity is defined by a bold red primary, complemented by a clean white and a range of sophisticated greys for UI clarity. The palette reflects the brand's national heritage and modern, premium positioning.
turkishairlines.comTurkish Airlines colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Turkish Airlines RedPrimary199, 10, 12
- Turkish Airlines WhiteSecondary255, 255, 255
- Turkish Airlines BlackAccent26, 26, 26
Surfaces
Page, cards and dividers.- Cabin Light GreyBackground245, 245, 245
- Panel GreySurface230, 230, 230
- Outline GreyBorder204, 204, 204
Text
Three tiers of copy.- Headline BlackText26, 26, 26
- Body GreySecondary text102, 102, 102
- Muted GreyMuted text153, 153, 153
Semantic
Feedback and state colors.- Success GreenSuccess63, 174, 42
- Warning AmberWarning247, 166, 0
- Alert RedError224, 32, 32
- Info BlueInfo0, 114, 188
Use Turkish Airlines's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
turkish-airlines-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072BC;
--error: #E02020;
--accent: #1A1A1A;
--border: #CCCCCC;
--primary: #C70A0C;
--success: #3FAE2A;
--surface: #E6E6E6;
--warning: #F7A600;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #1A1A1A;
--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
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
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Turkish Airlines gray and neutral colors
The quiet part of the Turkish Airlines palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Cabin Light GreyBackground
- HEX
- RGB
- HSL
- Panel GreySurface
- HEX
- RGB
- HSL
- Outline GreyBorder
- HEX
- RGB
- HSL
- Headline BlackText
- HEX
- RGB
- HSL
- Body GreySecondary text
- HEX
- RGB
- HSL
- Muted GreyMuted text
- HEX
- RGB
- HSL
About Turkish Airlines's colors
Turkish Airlines uses a bold red as its signature, paired with white and a spectrum of greys for a modern, accessible interface. The palette is designed for high contrast and clear hierarchy.
Red and white create strong national and brand recognition.
Greys provide neutral backgrounds and structure.
Accent black supports legibility and premium feel.
Psychology
Red conveys energy, passion, and national pride, while white and greys evoke clarity and trust. The overall effect is both dynamic and reassuring.
Evolution
The core red and white palette has remained stable for decades, reinforcing brand consistency. Recent updates have refined the grey scale for digital clarity and accessibility.
Where Turkish Airlines uses each color
- Primary
Used for the logo, main navigation highlights, and primary call-to-action buttons.
- Secondary
Applied to backgrounds, negative space, and as a balancing color in layouts.
- Accent
Used for text, icons, and select UI elements to provide contrast and emphasis.
- Backgrounds
Light greys are used for page backgrounds and content panels across the website and app.
- Text
Headline black and body grey are used for primary and secondary text, ensuring readability.
- Semantic
Success green, warning amber, and alert red are used for status messages, notifications, and feedback states.
Turkish Airlines color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Turkish Airlines primary color is #C70A0C, known as Turkish Airlines Red.
The RGB value for #C70A0C is (199, 10, 12), and the CMYK equivalent is approximately (0, 95, 94, 22).
Turkish Airlines uses a range of greys: #F5F5F5 (Cabin Light Grey), #E6E6E6 (Panel Grey), #CCCCCC (Outline Grey), #666666 (Body Grey), and #999999 (Muted Grey).
Use Turkish Airlines Red (#C70A0C) for primary actions and branding, with white and greys for backgrounds and structure. Accent black and semantic colors are reserved for text, icons, and status indicators.
The secondary color is Turkish Airlines White, #FFFFFF, and the accent is Turkish Airlines Black, #1A1A1A. 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 Turkish Airlines's colors consistently when it generates UI.
Make something in the spirit of Turkish Airlines
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.