Alaska Airlines color palette
TravelAlaska Airlines' color identity centers on deep blue and vibrant green hues, reflecting the Pacific Northwest and a sense of calm trust. The palette is complemented by cool grays and white for clarity and accessibility.
alaskaair.comAlaska Airlines colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Alaska BluePrimary0, 79, 113
- Alaska TealSecondary0, 132, 142
- Alaska GreenAccent108, 194, 74
Surfaces
Page, cards and dividers.- Alaska WhiteBackground255, 255, 255
- Alaska Light GraySurface244, 246, 248
- Alaska Gray BorderBorder211, 215, 219
Text
Three tiers of copy.- Alaska CharcoalText33, 39, 42
- Alaska SlateSecondary text88, 96, 105
- Alaska Muted GrayMuted text138, 147, 153
Semantic
Feedback and state colors.- Alaska GreenSuccess108, 194, 74
- Alaska GoldWarning255, 184, 28
- Alaska RedError224, 58, 62
- Alaska TealInfo0, 132, 142
Use Alaska Airlines's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
alaska-airlines-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00848E;
--error: #E03A3E;
--accent: #6CC24A;
--border: #D3D7DB;
--primary: #004F71;
--success: #6CC24A;
--surface: #F4F6F8;
--warning: #FFB81C;
--secondary: #00848E;
--text-muted: #8A9399;
--background: #FFFFFF;
--text-primary: #21272A;
--text-secondary: #586069;
}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.0: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
5.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
2.9:1
Fail
Alaska Airlines background, border and text colors
The quiet part of the Alaska Airlines palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Alaska WhiteBackground
- HEX
- RGB
- HSL
- Alaska Light GraySurface
- HEX
- RGB
- HSL
- Alaska Gray BorderBorder
- HEX
- RGB
- HSL
- Alaska CharcoalText
- HEX
- RGB
- HSL
- Alaska SlateSecondary text
- HEX
- RGB
- HSL
- Alaska Muted GrayMuted text
- HEX
- RGB
- HSL
About Alaska Airlines's colors
Alaska Airlines' palette is inspired by the landscapes of Alaska and the Pacific Northwest, using blue and green to convey reliability and freshness. The supporting neutrals ensure clarity and accessibility across digital and print applications.
Primary blue and accent green are complementary and evoke nature.
Teal bridges the blue and green, adding vibrancy.
Neutrals balance the palette for legibility and modernity.
Psychology
Blue communicates trust, dependability, and calm, which are key values for an airline. Green adds a sense of renewal and environmental consciousness.
Evolution
The palette has remained stable since Alaska Airlines' 2016 rebrand, which unified the brand's visual identity. Minor adjustments have been made for digital accessibility and consistency.
Where Alaska Airlines uses each color
- Primary
Used in the logo, navigation bar, and key call-to-action buttons.
- Secondary
Appears in secondary buttons, highlights, and navigation accents.
- Accent
Used for action highlights, icons, and success messages.
- Backgrounds
White and light gray backgrounds are standard for web pages and app screens.
- Text
Charcoal and slate grays are used for primary and secondary text for optimal readability.
- Semantic
Green indicates success, gold for warnings, and red for errors in UI states and notifications.
Alaska Airlines color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Alaska Airlines primary brand color is Alaska Blue, hex code #004F71.
Alaska Blue (#004F71) is RGB(0, 79, 113) and CMYK(100, 30, 0, 56).
Alaska Airlines uses Alaska Light Gray (#F4F6F8), Alaska Gray Border (#D3D7DB), Alaska Charcoal (#21272A), Alaska Slate (#586069), and Alaska Muted Gray (#8A9399) for backgrounds, borders, and text.
Use Alaska Blue (#004F71) for primary actions and branding, Alaska Teal (#00848E) and Alaska Green (#6CC24A) for accents, and the neutral grays for backgrounds and text to maintain accessibility and brand consistency.
The secondary color is Alaska Teal, #00848E, and the accent is Alaska Green, #6CC24A. Together with the primary they make up the three brand colors at the top of this page.
5 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 Alaska Airlines's colors consistently when it generates UI.
Make something in the spirit of Alaska Airlines
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.