Royal Caribbean color palette
TravelRoyal Caribbean's color identity is anchored by its signature deep blue, reflecting trust, adventure, and the maritime experience. The palette uses crisp whites and cool greys for clarity and a premium feel.
royalcaribbean.comRoyal Caribbean colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Royal Caribbean BluePrimary0, 43, 98
- Ocean Accent BlueSecondary0, 115, 187
- Crown & Anchor GoldAccent255, 209, 0
Surfaces
Page, cards and dividers.- Deck WhiteBackground255, 255, 255
- Sea Mist GreySurface244, 246, 248
- Portside GreyBorder209, 213, 219
Text
Three tiers of copy.- Royal Caribbean BlueText0, 43, 98
- Harbor SlateSecondary text75, 94, 122
- Muted Ocean GreyMuted text107, 114, 128
Semantic
Feedback and state colors.- Tropical GreenSuccess44, 182, 125
- Sunset AmberWarning255, 184, 0
- Signal RedError215, 38, 61
- Ocean Accent BlueInfo0, 115, 187
Use Royal Caribbean's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
royal-caribbean-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0073BB;
--error: #D7263D;
--accent: #FFD100;
--border: #D1D5DB;
--primary: #002B62;
--success: #2CB67D;
--surface: #F4F6F8;
--warning: #FFB800;
--secondary: #0073BB;
--text-muted: #6B7280;
--background: #FFFFFF;
--text-primary: #002B62;
--text-secondary: #4B5E7A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.8:1
Pass
Text on surface
Needs 4.5:1 for body text
12.7: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
6.1:1
Pass
Muted text on background
Needs 3:1 for large text
4.8:1
Pass
Muted text on surface
Needs 3:1 for large text
4.5:1
Pass
Royal Caribbean background, border and text colors
The quiet part of the Royal Caribbean palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Deck WhiteBackground
- HEX
- RGB
- HSL
- Sea Mist GreySurface
- HEX
- RGB
- HSL
- Portside GreyBorder
- HEX
- RGB
- HSL
- Royal Caribbean BlueText
- HEX
- RGB
- HSL
- Harbor SlateSecondary text
- HEX
- RGB
- HSL
- Muted Ocean GreyMuted text
- HEX
- RGB
- HSL
About Royal Caribbean's colors
Royal Caribbean's palette is dominated by deep blues and bright accents, evoking the ocean and luxury travel. The use of gold and white adds contrast and a sense of premium quality.
Primary blue pairs with gold for high-contrast highlights.
Cool greys and whites provide a clean, open backdrop.
Accent blue is used for calls to action and interactive elements.
Psychology
Blue conveys trust, safety, and reliability, which are key in the travel industry. Gold accents add a sense of prestige and exclusivity.
Evolution
Royal Caribbean's core blue and gold palette has remained consistent for decades, reinforcing strong brand recognition. Minor adjustments to grey and accent tones have modernized the UI for digital platforms.
Where Royal Caribbean uses each color
- Primary
Used in the logo, navigation bar, and key brand elements.
- Secondary
Appears in buttons, links, and secondary navigation.
- Accent
Applied to highlights, icons, and the Crown & Anchor logo details.
- Backgrounds
White and light grey backgrounds are used throughout the website and app screens.
- Text
Primary blue and slate grey are used for headings and body text.
- Semantic
Success, warning, and error colors are used for notifications and status indicators in the booking flow.
Royal Caribbean color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Royal Caribbean primary brand color is #002B62, known as Royal Caribbean Blue.
Royal Caribbean Blue (#002B62) is RGB 0, 43, 98 and CMYK 100, 56, 0, 62.
Royal Caribbean uses Sea Mist Grey (#F4F6F8) for surfaces and Portside Grey (#D1D5DB) for borders and dividers.
Use Royal Caribbean Blue (#002B62) for primary navigation and branding, with Ocean Accent Blue (#0073BB) and Crown & Anchor Gold (#FFD100) for highlights and calls to action. Neutrals and semantic colors support readability and accessibility.
The secondary color is Ocean Accent Blue, #0073BB, and the accent is Crown & Anchor Gold, #FFD100. 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 Royal Caribbean's colors consistently when it generates UI.
Make something in the spirit of Royal Caribbean
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.