Lufthansa color palette
TravelLufthansa's color identity is defined by its deep blue and vibrant yellow, reflecting reliability, trust, and energy. The palette is clean and minimal, supporting a modern aviation brand image.
lufthansa.comLufthansa colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lufthansa BluePrimary5, 22, 77
- Lufthansa YellowSecondary255, 204, 0
- Lufthansa WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Lufthansa Light GrayBackground245, 247, 250
- Lufthansa Surface GraySurface230, 233, 239
- Lufthansa Border GrayBorder176, 183, 195
Text
Three tiers of copy.- Lufthansa Blue TextText5, 22, 77
- Lufthansa Secondary TextSecondary text77, 88, 117
- Lufthansa Muted TextMuted text140, 150, 173
Semantic
Feedback and state colors.- Lufthansa GreenSuccess59, 170, 53
- Lufthansa Warning YellowWarning255, 179, 0
- Lufthansa RedError215, 38, 56
- Lufthansa Info BlueInfo0, 114, 206
Use Lufthansa's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lufthansa-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D72638;
--accent: #FFFFFF;
--border: #B0B7C3;
--primary: #05164D;
--success: #3BAA35;
--surface: #E6E9EF;
--warning: #FFB300;
--secondary: #FFCC00;
--text-muted: #8C96AD;
--background: #F5F7FA;
--text-primary: #05164D;
--text-secondary: #4D5875;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.8:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Lufthansa background, border and text colors
The quiet part of the Lufthansa palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lufthansa Light GrayBackground
- HEX
- RGB
- HSL
- Lufthansa Surface GraySurface
- HEX
- RGB
- HSL
- Lufthansa Border GrayBorder
- HEX
- RGB
- HSL
- Lufthansa Blue TextText
- HEX
- RGB
- HSL
- Lufthansa Secondary TextSecondary text
- HEX
- RGB
- HSL
- Lufthansa Muted TextMuted text
- HEX
- RGB
- HSL
About Lufthansa's colors
Lufthansa's palette is anchored by a deep blue and a bright yellow, creating a high-contrast, recognizable visual identity. The supporting grays and whites provide clarity and legibility across digital and print applications.
Primary blue and yellow are complementary and create strong brand recognition.
Grays and whites are used to balance and support the main colors.
Accent colors are reserved for functional UI states and messaging.
Psychology
The deep blue conveys trust, professionalism, and reliability, essential for an airline. The yellow adds warmth and optimism, making the brand approachable.
Evolution
Lufthansa's core blue and yellow have remained consistent for decades, with recent updates focusing on refining the blue for digital clarity. The supporting palette has shifted to lighter grays and more minimalistic tones to suit modern interfaces.
Where Lufthansa uses each color
- Primary
Used in navigation bars, headers, and key brand elements.
- Secondary
Appears in the logo, call-to-action buttons, and highlights.
- Accent
Applied to text and icons on dark backgrounds for contrast.
- Backgrounds
Light gray backgrounds are used for content areas and forms.
- Text
Primary blue is used for headings, with secondary and muted grays for body and supporting text.
- Semantic
Green, yellow, red, and info blue are used for status indicators, alerts, and notifications.
Lufthansa color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lufthansa primary color hex code is #05164D, known as Lufthansa Blue.
Lufthansa Blue (#05164D) is RGB(5, 22, 77) and CMYK(100, 87, 32, 54).
Lufthansa uses a range of grays such as #F5F7FA (Lufthansa Light Gray) and #E6E9EF (Lufthansa Surface Gray) for backgrounds and surfaces.
Primary blue (#05164D) and yellow (#FFCC00) should dominate brand and interface elements, while grays and whites provide structure and readability. Accent and semantic colors are reserved for specific UI states and messaging.
The secondary color is Lufthansa Yellow, #FFCC00, and the accent is Lufthansa White, #FFFFFF. 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 Lufthansa's colors consistently when it generates UI.
Make something in the spirit of Lufthansa
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.