Disney Cruise Line color palette
TravelDisney Cruise Line's color identity is anchored in a nautical palette, featuring deep navy blue, vibrant red, and gold accents, reflecting its maritime heritage and Disney brand connection. The palette is consistent across its website, ships, and marketing materials.
disneycruise.disney.go.comDisney Cruise Line colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Disney Cruise NavyPrimary4, 28, 44
- Disney Cruise RedSecondary214, 35, 39
- Disney Cruise GoldAccent255, 215, 0
Surfaces
Page, cards and dividers.- Disney Cruise WhiteBackground255, 255, 255
- Disney Cruise Light GraySurface245, 247, 250
- Disney Cruise Border GrayBorder197, 201, 209
Text
Three tiers of copy.- Disney Cruise Navy TextText4, 28, 44
- Disney Cruise Secondary GraySecondary text74, 90, 106
- Disney Cruise Muted GrayMuted text138, 153, 168
Semantic
Feedback and state colors.- Disney Cruise Success GreenSuccess60, 179, 113
- Disney Cruise Warning YellowWarning255, 179, 0
- Disney Cruise Error RedError214, 35, 39
- Disney Cruise Info BlueInfo0, 116, 200
Use Disney Cruise Line's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
disney-cruise-line-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0074C8;
--error: #D62327;
--accent: #FFD700;
--border: #C5C9D1;
--primary: #041C2C;
--success: #3CB371;
--surface: #F5F7FA;
--warning: #FFB300;
--secondary: #D62327;
--text-muted: #8A99A8;
--background: #FFFFFF;
--text-primary: #041C2C;
--text-secondary: #4A5A6A;
}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
16.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.6: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
Disney Cruise Line background, border and text colors
The quiet part of the Disney Cruise Line palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Disney Cruise WhiteBackground
- HEX
- RGB
- HSL
- Disney Cruise Light GraySurface
- HEX
- RGB
- HSL
- Disney Cruise Border GrayBorder
- HEX
- RGB
- HSL
- Disney Cruise Navy TextText
- HEX
- RGB
- HSL
- Disney Cruise Secondary GraySecondary text
- HEX
- RGB
- HSL
- Disney Cruise Muted GrayMuted text
- HEX
- RGB
- HSL
About Disney Cruise Line's colors
Disney Cruise Line's palette is inspired by classic maritime colors, using navy, red, and gold to evoke both nautical tradition and Disney's iconic branding. The colors are balanced with crisp whites and subtle grays for a clean, inviting look.
Navy and red provide strong contrast and brand recognition.
Gold accentuates key elements and adds a premium touch.
Grays and whites support readability and modern UI clarity.
Psychology
Navy blue conveys trust, stability, and sophistication, aligning with the cruise experience. Red and gold add excitement and a sense of luxury, while white and gray keep the interface approachable.
Evolution
The core palette has remained stable since the brand's inception, maintaining strong ties to Disney's maritime and entertainment roots. Minor adjustments to gray tones and accent usage have modernized the UI without altering the brand's primary colors.
Where Disney Cruise Line uses each color
- Primary
Used for navigation bars, headers, and key brand elements across the website and ship signage.
- Secondary
Appears in call-to-action buttons, highlights, and promotional graphics.
- Accent
Applied to icons, decorative lines, and special offers to draw attention.
- Backgrounds
White and light gray backgrounds are used for content areas and forms to ensure readability.
- Text
Navy and gray tones are used for primary and secondary text, ensuring accessibility and contrast.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators in digital interfaces.
Disney Cruise Line color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Disney Cruise Line brand color is navy blue, hex code #041C2C.
Disney Cruise Navy (#041C2C) in RGB is (4, 28, 44), and in CMYK is (91, 36, 0, 83).
Disney Cruise Line uses #F5F7FA for light gray surfaces, #C5C9D1 for borders, and #8A99A8 for muted text.
Use Disney Cruise Navy (#041C2C) for primary navigation and text, red (#D62327) for calls to action, and gold (#FFD700) for accents. Grays and whites support backgrounds and secondary UI elements for clarity.
The secondary color is Disney Cruise Red, #D62327, and the accent is Disney Cruise Gold, #FFD700. 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 Disney Cruise Line's colors consistently when it generates UI.
Make something in the spirit of Disney 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.