Carnival color palette
TravelCarnival's brand color system is built around a bold red, reflecting energy and excitement, complemented by navy blue and crisp white. The palette is designed to evoke a sense of adventure and trust, consistent across digital and print applications.
carnival.comCarnival colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Carnival RedPrimary255, 0, 51
- Carnival NavySecondary10, 34, 63
- Carnival AquaAccent0, 156, 166
Surfaces
Page, cards and dividers.- Carnival WhiteBackground255, 255, 255
- Carnival Light GraySurface245, 247, 250
- Carnival Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Carnival NavyText10, 34, 63
- Carnival SlateSecondary text75, 93, 107
- Carnival Muted GrayMuted text123, 138, 153
Semantic
Feedback and state colors.- Carnival Success GreenSuccess0, 179, 136
- Carnival Warning YellowWarning255, 180, 0
- Carnival Error RedError224, 60, 49
- Carnival AquaInfo0, 156, 166
Use Carnival's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
carnival-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009CA6;
--error: #E03C31;
--accent: #009CA6;
--border: #D1D5DB;
--primary: #FF0033;
--success: #00B388;
--surface: #F5F7FA;
--warning: #FFB400;
--secondary: #0A223F;
--text-muted: #7B8A99;
--background: #FFFFFF;
--text-primary: #0A223F;
--text-secondary: #4B5D6B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.0:1
Pass
Text on surface
Needs 4.5:1 for body text
14.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.4:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Carnival background, border and text colors
The quiet part of the Carnival palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Carnival WhiteBackground
- HEX
- RGB
- HSL
- Carnival Light GraySurface
- HEX
- RGB
- HSL
- Carnival Border GrayBorder
- HEX
- RGB
- HSL
- Carnival NavyText
- HEX
- RGB
- HSL
- Carnival SlateSecondary text
- HEX
- RGB
- HSL
- Carnival Muted GrayMuted text
- HEX
- RGB
- HSL
About Carnival's colors
Carnival's palette is anchored by a vivid red and deep navy, creating a strong, recognizable identity. The supporting colors provide clarity and accessibility across digital and print touchpoints.
Primary red is complemented by navy for contrast.
Aqua accent adds vibrancy and highlights calls to action.
Neutral grays and white ensure readability and balance.
Psychology
Red conveys excitement, passion, and energy, aligning with Carnival's adventurous spirit. Navy blue adds a sense of reliability and trust, important in the travel industry.
Evolution
Carnival's core red and navy palette has remained consistent for decades, reinforcing brand recognition. Minor adjustments to accent and neutral tones have been made to improve digital accessibility.
Where Carnival uses each color
- Primary
Carnival Red is used for the logo, primary buttons, and key highlights on the website.
- Secondary
Carnival Navy appears in navigation bars, headers, and major backgrounds.
- Accent
Carnival Aqua is used for secondary buttons, links, and interactive elements.
- Backgrounds
Carnival White and Light Gray are used for page backgrounds and content surfaces.
- Text
Carnival Navy and Slate are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
Success Green, Warning Yellow, and Error Red are used for alerts, notifications, and status indicators.
Carnival color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Carnival brand color is Carnival Red, with the hex code #FF0033.
Carnival Red is #FF0033, which is RGB(255, 0, 51) and CMYK(0, 100, 80, 0).
Carnival uses Light Gray (#F5F7FA), Border Gray (#D1D5DB), and Muted Gray (#7B8A99) for backgrounds, borders, and muted text.
Use Carnival Red for primary actions and branding, Navy for navigation and text, and Aqua for accents. Grays and white provide structure and background support.
The secondary color is Carnival Navy, #0A223F, and the accent is Carnival Aqua, #009CA6. 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 Carnival's colors consistently when it generates UI.
Make something in the spirit of Carnival
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.