Norwegian Cruise Line color palette
TravelNorwegian Cruise Line's color identity centers around a vibrant blue, evoking the sea and a sense of adventure. The palette is clean, modern, and maritime, with crisp whites and deep navy accents.
ncl.comNorwegian Cruise Line colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- NCL Ocean BluePrimary0, 154, 217
- NCL Deep NavySecondary0, 58, 93
- NCL Sky BlueAccent0, 181, 226
Surfaces
Page, cards and dividers.- NCL WhiteBackground255, 255, 255
- NCL Light GraySurface245, 247, 250
- NCL Soft BorderBorder217, 225, 232
Text
Three tiers of copy.- NCL CharcoalText34, 34, 34
- NCL SlateSecondary text79, 91, 98
- NCL Muted GrayMuted text138, 153, 163
Semantic
Feedback and state colors.- NCL Success GreenSuccess67, 176, 42
- NCL Warning YellowWarning255, 182, 0
- NCL Error RedError215, 38, 61
- NCL Info BlueInfo0, 118, 168
Use Norwegian Cruise Line's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
norwegian-cruise-line-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0076A8;
--error: #D7263D;
--accent: #00B5E2;
--border: #D9E1E8;
--primary: #009AD9;
--success: #43B02A;
--surface: #F5F7FA;
--warning: #FFB600;
--secondary: #003A5D;
--text-muted: #8A99A3;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #4F5B62;
}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.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.5:1
Pass
Muted text on background
Needs 3:1 for large text
2.9:1
Fail
Muted text on surface
Needs 3:1 for large text
2.7:1
Fail
Norwegian Cruise Line background, border and text colors
The quiet part of the Norwegian Cruise Line palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- NCL WhiteBackground
- HEX
- RGB
- HSL
- NCL Light GraySurface
- HEX
- RGB
- HSL
- NCL Soft BorderBorder
- HEX
- RGB
- HSL
- NCL CharcoalText
- HEX
- RGB
- HSL
- NCL SlateSecondary text
- HEX
- RGB
- HSL
- NCL Muted GrayMuted text
- HEX
- RGB
- HSL
About Norwegian Cruise Line's colors
Norwegian Cruise Line uses a palette inspired by the ocean, with blue as the dominant hue complemented by crisp neutrals and functional accent colors. The colors are chosen for clarity, accessibility, and a modern maritime feel.
Primary blue paired with navy for depth
Bright accents for calls to action
Neutrals balance and support content
Psychology
Blue conveys trust, relaxation, and a connection to the sea, aligning with the brand's cruise experience. The palette's clarity and contrast support a sense of safety and professionalism.
Evolution
The core blue-centric palette has remained consistent, reinforcing brand recognition. Minor adjustments have been made to accent and neutral tones for improved digital accessibility.
Where Norwegian Cruise Line uses each color
- Primary
Used for main navigation, primary buttons, and key brand elements.
- Secondary
Appears in headers, footers, and as a background for featured sections.
- Accent
Used for highlights, links, and call-to-action buttons.
- Backgrounds
White and light gray are used for page backgrounds and content areas.
- Text
Charcoal and slate are used for primary and secondary text, ensuring readability.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Norwegian Cruise Line color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Norwegian Cruise Line brand color is NCL Ocean Blue, hex code #009AD9.
NCL Ocean Blue (#009AD9) is RGB(0, 154, 217) and CMYK(100, 29, 0, 15).
NCL uses NCL Light Gray (#F5F7FA), NCL Soft Border (#D9E1E8), and NCL Muted Gray (#8A99A3) for backgrounds, borders, and muted text.
Primary and secondary blues should dominate navigation and key actions, while neutrals support content and readability. Accent and semantic colors are reserved for highlights, calls to action, and status messaging.
The secondary color is NCL Deep Navy, #003A5D, and the accent is NCL Sky Blue, #00B5E2. 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 Norwegian Cruise Line's colors consistently when it generates UI.
Make something in the spirit of Norwegian Cruise Line
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.