Delta Air Lines color palette
TravelDelta Air Lines uses a bold, patriotic color palette centered on its signature Delta Red and deep navy blue, reflecting its American heritage and reliability. The brand's color system is consistent across digital and print, emphasizing clarity and trust.
delta.comDelta Air Lines colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Delta RedPrimary200, 16, 46
- Delta BlueSecondary0, 58, 112
- Sky Accent BlueAccent108, 172, 228
Surfaces
Page, cards and dividers.- Delta WhiteBackground255, 255, 255
- Cabin Light GraySurface244, 244, 244
- Runway GrayBorder217, 217, 214
Text
Three tiers of copy.- Jet BlackText26, 26, 26
- Terminal GraySecondary text75, 75, 75
- Muted GrayMuted text118, 118, 118
Semantic
Feedback and state colors.- Boarding GreenSuccess0, 132, 61
- Caution YellowWarning255, 184, 28
- Alert RedError228, 0, 43
- Info BlueInfo0, 118, 192
Use Delta Air Lines's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
delta-air-lines-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0076C0;
--error: #E4002B;
--accent: #6CACE4;
--border: #D9D9D6;
--primary: #C8102E;
--success: #00843D;
--surface: #F4F4F4;
--warning: #FFB81C;
--secondary: #003A70;
--text-muted: #767676;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B4B4B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
15.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.9:1
Pass
Muted text on background
Needs 3:1 for large text
4.5:1
Pass
Muted text on surface
Needs 3:1 for large text
4.1:1
Pass
Delta Air Lines gray and neutral colors
The quiet part of the Delta Air Lines palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Delta WhiteBackground
- HEX
- RGB
- HSL
- Cabin Light GraySurface
- HEX
- RGB
- HSL
- Runway GrayBorder
- HEX
- RGB
- HSL
- Jet BlackText
- HEX
- RGB
- HSL
- Terminal GraySecondary text
- HEX
- RGB
- HSL
- Muted GrayMuted text
- HEX
- RGB
- HSL
About Delta Air Lines's colors
Delta's palette is built on a triad of red, blue, and white, evoking the American flag and a sense of trustworthiness. The use of strong contrast ensures accessibility and clarity in all applications.
Primary red and blue create a patriotic, trustworthy feel.
Accent blue adds vibrancy and modernity.
Neutral grays and white provide balance and readability.
Psychology
Red conveys energy, leadership, and action, while blue communicates reliability and safety—key values for an airline. The palette is designed to instill confidence and comfort in travelers.
Evolution
Delta's core colors have remained consistent for decades, reinforcing brand recognition. Minor adjustments have been made to accent and neutral tones to improve digital accessibility.
Where Delta Air Lines uses each color
- Primary
Delta Red is used for the logo, key buttons, and important highlights on the website and app.
- Secondary
Delta Blue appears in navigation bars, headers, and as a background for callouts.
- Accent
Sky Accent Blue is used for links, secondary buttons, and subtle highlights.
- Backgrounds
Delta White and Cabin Light Gray are used for page backgrounds and content areas.
- Text
Jet Black and Terminal Gray are used for primary and secondary text, ensuring legibility.
- Semantic
Boarding Green, Caution Yellow, and Alert Red are used for status indicators and notifications.
Delta Air Lines color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Delta Air Lines brand color is Delta Red, with the hex code #C8102E.
Delta Red (#C8102E) has an RGB value of (200, 16, 46) and a CMYK value of (2, 100, 85, 6).
Delta uses Cabin Light Gray (#F4F4F4), Runway Gray (#D9D9D6), and several text grays like Terminal Gray (#4B4B4B) for backgrounds, borders, and muted text.
Use Delta Red (#C8102E) for primary actions and branding, Delta Blue (#003A70) for navigation and structure, and neutrals for backgrounds and text to maintain clarity and brand consistency.
The secondary color is Delta Blue, #003A70, and the accent is Sky Accent Blue, #6CACE4. 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 Delta Air Lines's colors consistently when it generates UI.
Make something in the spirit of Delta Air Lines
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.