JetBlue color palette
TravelJetBlue's color identity is defined by a deep blue primary, complemented by lighter blues and cool grays for a modern, approachable travel brand. The palette emphasizes clarity, trust, and a distinctly American aviation heritage.
jetblue.comJetBlue colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- JetBlue BluePrimary0, 30, 89
- JetBlue NavySecondary0, 56, 118
- JetBlue SkyAccent0, 183, 224
Surfaces
Page, cards and dividers.- JetBlue CloudBackground245, 247, 250
- JetBlue WhiteSurface255, 255, 255
- JetBlue SilverBorder209, 213, 219
Text
Three tiers of copy.- JetBlue Blue TextText0, 30, 89
- JetBlue SlateSecondary text75, 92, 107
- JetBlue MistMuted text125, 140, 163
Semantic
Feedback and state colors.- JetBlue Success GreenSuccess0, 166, 118
- JetBlue Caution YellowWarning255, 184, 28
- JetBlue Alert RedError224, 60, 49
- JetBlue Sky InfoInfo0, 183, 224
Use JetBlue's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
jetblue-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B7E0;
--error: #E03C31;
--accent: #00B7E0;
--border: #D1D5DB;
--primary: #001E59;
--success: #00A676;
--surface: #FFFFFF;
--warning: #FFB81C;
--secondary: #003876;
--text-muted: #7D8CA3;
--background: #F5F7FA;
--text-primary: #001E59;
--text-secondary: #4B5C6B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.7: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
6.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.2:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
JetBlue background, border and text colors
The quiet part of the JetBlue palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- JetBlue CloudBackground
- HEX
- RGB
- HSL
- JetBlue WhiteSurface
- HEX
- RGB
- HSL
- JetBlue SilverBorder
- HEX
- RGB
- HSL
- JetBlue Blue TextText
- HEX
- RGB
- HSL
- JetBlue SlateSecondary text
- HEX
- RGB
- HSL
- JetBlue MistMuted text
- HEX
- RGB
- HSL
About JetBlue's colors
JetBlue's palette is centered on deep and vibrant blues, with supporting cool neutrals and energetic accent hues. The color system is designed for clarity, accessibility, and a sense of trust.
Primary and secondary blues are used for brand recognition and navigation.
Accent blue highlights actions and interactive elements.
Neutral grays and white provide balance and readability.
Psychology
The deep blues evoke trust, reliability, and calm, aligning with the brand's promise of a pleasant travel experience. Bright accents add energy and approachability.
Evolution
JetBlue's palette has remained consistent since its launch, with minor adjustments for digital accessibility. The core blues and supporting neutrals have been stable, reinforcing the brand's identity.
Where JetBlue uses each color
- Primary
Used in the logo, main navigation bar, and key call-to-action buttons.
- Secondary
Appears in headers, footers, and secondary navigation elements.
- Accent
Highlights interactive elements such as links, icons, and promotional banners.
- Backgrounds
Applied to app and website backgrounds for a clean, airy feel.
- Text
Primary blue and slate are used for main and secondary text across digital and print.
- Semantic
Success, warning, and error colors are used for system messages and status indicators.
JetBlue color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official JetBlue primary color is #001E59, known as JetBlue Blue.
JetBlue Blue (#001E59) is RGB(0, 30, 89) and CMYK(100, 66, 0, 65).
JetBlue uses JetBlue Silver (#D1D5DB) and JetBlue Mist (#7D8CA3) for borders and muted text, providing a clean, modern interface.
Use JetBlue Blue (#001E59) for primary branding and navigation, with JetBlue Sky (#00B7E0) as an accent for interactive elements and JetBlue Cloud (#F5F7FA) for backgrounds.
The secondary color is JetBlue Navy, #003876, and the accent is JetBlue Sky, #00B7E0. 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 JetBlue's colors consistently when it generates UI.
Make something in the spirit of JetBlue
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.