Accor color palette
TravelAccor's brand color system is built around a deep blue primary, complemented by muted neutrals and gold accents, reflecting its premium hospitality positioning. The palette is elegant and understated, supporting a refined and trustworthy brand image.
accor.comAccor colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Accor Deep BluePrimary26, 35, 71
- Accor GoldSecondary191, 164, 111
- Accor SandAccent229, 225, 216
Surfaces
Page, cards and dividers.- Accor WhiteBackground255, 255, 255
- Accor Light GraySurface244, 245, 248
- Accor SilverBorder215, 216, 218
Text
Three tiers of copy.- Accor Deep BlueText26, 35, 71
- Accor SlateSecondary text91, 93, 107
- Accor MistMuted text163, 165, 177
Semantic
Feedback and state colors.- Accor EmeraldSuccess75, 170, 124
- Accor AmberWarning246, 176, 66
- Accor CrimsonError217, 79, 79
- Accor AzureInfo58, 107, 165
Use Accor's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
accor-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A6BA5;
--error: #D94F4F;
--accent: #E5E1D8;
--border: #D7D8DA;
--primary: #1A2347;
--success: #4BAA7C;
--surface: #F4F5F8;
--warning: #F6B042;
--secondary: #BFA46F;
--text-muted: #A3A5B1;
--background: #FFFFFF;
--text-primary: #1A2347;
--text-secondary: #5B5D6B;
}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.3:1
Pass
Text on surface
Needs 4.5:1 for body text
14.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Accor background, border and text colors
The quiet part of the Accor palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Accor WhiteBackground
- HEX
- RGB
- HSL
- Accor Light GraySurface
- HEX
- RGB
- HSL
- Accor SilverBorder
- HEX
- RGB
- HSL
- Accor Deep BlueText
- HEX
- RGB
- HSL
- Accor SlateSecondary text
- HEX
- RGB
- HSL
- Accor MistMuted text
- HEX
- RGB
- HSL
About Accor's colors
Accor's palette centers on a deep blue, conveying trust and sophistication, with gold and neutral tones for warmth and accessibility. The colors are balanced to evoke both luxury and approachability.
Primary blue contrasts with gold accent for visual hierarchy.
Neutrals provide a calm, spacious background for content.
Accent colors are used sparingly for highlights and calls to action.
Psychology
The deep blue communicates reliability, stability, and professionalism, essential for a global hospitality brand. Gold accents add a sense of prestige and exclusivity.
Evolution
Accor's palette has remained consistent, with minor refinements to the gold accent and neutral tones for digital clarity. The core deep blue has been a stable element, reinforcing brand recognition.
Where Accor uses each color
- Primary
Used for navigation bars, headers, and key brand elements.
- Secondary
Applied to buttons, highlights, and select icons.
- Accent
Used for backgrounds, cards, and subtle UI elements.
- Backgrounds
White and light gray are used for main page backgrounds and content areas.
- Text
Deep blue is used for primary text, with slate and mist for secondary and muted text.
- Semantic
Emerald, amber, and crimson are used for success, warning, and error states in forms and notifications.
Accor color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Accor primary brand color is #1A2347, known as Accor Deep Blue.
Accor Deep Blue (#1A2347) is RGB(26, 35, 71) and CMYK(63, 51, 0, 72).
Accor uses #F4F5F8 (Accor Light Gray), #D7D8DA (Accor Silver), and #A3A5B1 (Accor Mist) for neutral backgrounds and muted text.
The primary blue (#1A2347) should dominate navigation and headers, with gold (#BFA46F) and sand (#E5E1D8) as accents. Neutrals and semantic colors support UI clarity and accessibility.
The secondary color is Accor Gold, #BFA46F, and the accent is Accor Sand, #E5E1D8. 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 Accor's colors consistently when it generates UI.
Make something in the spirit of Accor
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.