Marriott color palette
TravelMarriott's color identity centers on a deep, signature red paired with sophisticated neutrals and dark tones, reflecting its premium hospitality brand. The palette is consistent across digital and print applications, emphasizing elegance and clarity.
marriott.comMarriott colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Marriott RedPrimary167, 0, 35
- Marriott CharcoalSecondary35, 31, 32
- Marriott SilverAccent177, 179, 179
Surfaces
Page, cards and dividers.- Marriott WhiteBackground255, 255, 255
- Marriott Light GraySurface245, 245, 245
- Marriott Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Marriott Charcoal TextText35, 31, 32
- Marriott Medium Gray TextSecondary text109, 110, 113
- Marriott Silver TextMuted text177, 179, 179
Semantic
Feedback and state colors.- Marriott Success GreenSuccess0, 122, 83
- Marriott Warning GoldWarning246, 168, 0
- Marriott Error RedError215, 38, 61
- Marriott Info BlueInfo0, 119, 200
Use Marriott's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
marriott-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0077C8;
--error: #D7263D;
--accent: #B1B3B3;
--border: #E0E0E0;
--primary: #A70023;
--success: #007A53;
--surface: #F5F5F5;
--warning: #F6A800;
--secondary: #231F20;
--text-muted: #B1B3B3;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}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.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Marriott gray and neutral colors
The quiet part of the Marriott palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Marriott WhiteBackground
- HEX
- RGB
- HSL
- Marriott Light GraySurface
- HEX
- RGB
- HSL
- Marriott Border GrayBorder
- HEX
- RGB
- HSL
- Marriott Charcoal TextText
- HEX
- RGB
- HSL
- Marriott Medium Gray TextSecondary text
- HEX
- RGB
- HSL
- Marriott Silver TextMuted text
- HEX
- RGB
- HSL
About Marriott's colors
Marriott's palette is anchored by a bold red, complemented by deep charcoals and subtle grays for a refined, timeless look. The colors are chosen to evoke trust, luxury, and clarity in all brand touchpoints.
Primary red contrasts with white and gray for visual hierarchy.
Charcoal and silver provide neutral balance for text and backgrounds.
Accent colors are used sparingly to highlight actions and statuses.
Psychology
The deep red conveys passion, hospitality, and a sense of premium service. Neutral grays and white support a calm, trustworthy, and professional atmosphere.
Evolution
Marriott's core red has remained consistent for decades, reinforcing strong brand recognition. The supporting palette has evolved to include more refined grays and dark tones for digital clarity and accessibility.
Where Marriott uses each color
- Primary
Marriott Red is used for logos, primary buttons, and key highlights on the website and signage.
- Secondary
Marriott Charcoal appears in navigation bars, footers, and major headings.
- Accent
Marriott Silver is used for icons, dividers, and subtle UI elements.
- Backgrounds
Marriott White and Light Gray are used for page backgrounds and content areas.
- Text
Charcoal and Medium Gray are used for primary and secondary text, with Silver for muted or disabled text.
- Semantic
Success Green, Warning Gold, Error Red, and Info Blue are used for alerts, notifications, and status indicators.
Marriott color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Marriott primary color hex code is #A70023. This deep red is used across all major brand assets.
Marriott Red (#A70023) is RGB(167, 0, 35) and typically CMYK(0, 100, 79, 35) for print applications.
Marriott uses #231F20 (Charcoal), #B1B3B3 (Silver), and #F5F5F5 (Light Gray) as its primary neutrals for backgrounds, text, and UI elements.
Use Marriott Red (#A70023) for primary actions and branding, with Charcoal (#231F20) and Silver (#B1B3B3) for text and backgrounds. Accent and semantic colors should be used sparingly to maintain brand consistency.
The secondary color is Marriott Charcoal, #231F20, and the accent is Marriott Silver, #B1B3B3. 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 Marriott's colors consistently when it generates UI.
Make something in the spirit of Marriott
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.