IHG color palette
TravelIHG (InterContinental Hotels Group) uses a distinctive orange as its primary brand color, complemented by a modern, neutral palette for digital and print applications. The color system emphasizes warmth, hospitality, and clarity across all touchpoints.
ihg.comIHG colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- IHG OrangePrimary255, 98, 0
- IHG CharcoalSecondary34, 34, 34
- IHG GoldAccent245, 166, 35
Surfaces
Page, cards and dividers.- IHG WhiteBackground255, 255, 255
- IHG Light GraySurface247, 247, 247
- IHG Border GrayBorder224, 224, 224
Text
Three tiers of copy.- IHG CharcoalText34, 34, 34
- IHG Medium GraySecondary text102, 102, 102
- IHG Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- IHG Success GreenSuccess67, 176, 42
- IHG Warning YellowWarning255, 180, 0
- IHG Error RedError208, 2, 27
- IHG Info BlueInfo0, 114, 206
Use IHG's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ihg-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D0021B;
--accent: #F5A623;
--border: #E0E0E0;
--primary: #FF6200;
--success: #43B02A;
--surface: #F7F7F7;
--warning: #FFB400;
--secondary: #222222;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}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.9: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
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.4:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
IHG gray and neutral colors
The quiet part of the IHG palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- IHG WhiteBackground
- HEX
- RGB
- HSL
- IHG Light GraySurface
- HEX
- RGB
- HSL
- IHG Border GrayBorder
- HEX
- RGB
- HSL
- IHG CharcoalText
- HEX
- RGB
- HSL
- IHG Medium GraySecondary text
- HEX
- RGB
- HSL
- IHG Muted GrayMuted text
- HEX
- RGB
- HSL
About IHG's colors
IHG’s palette is built around a vibrant orange, balanced by deep charcoals and clean whites for clarity and warmth. Accent colors and semantic tones provide functional contrast and accessibility.
Primary orange contrasts with dark charcoal for legibility.
Gold accent highlights calls to action and key elements.
Neutral grays support a clean, modern UI.
Psychology
The orange evokes energy, friendliness, and modern hospitality. Neutral tones create a sense of trust, professionalism, and approachability.
Evolution
IHG’s palette has remained consistent since its 2014 rebrand, focusing on orange as the signature color. Minor adjustments have refined the supporting neutrals for improved digital accessibility.
Where IHG uses each color
- Primary
IHG Orange is used for main navigation highlights, buttons, and key brand elements.
- Secondary
IHG Charcoal appears in headers, footers, and primary text.
- Accent
IHG Gold is used for secondary buttons, icons, and highlights.
- Backgrounds
IHG White and Light Gray are used for page backgrounds and content surfaces.
- Text
Charcoal and Medium Gray are used for primary and secondary text across the UI.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for alerts, notifications, and status indicators.
IHG color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official IHG brand color hex code is #FF6200, known as IHG Orange.
IHG Orange (#FF6200) is RGB(255, 98, 0) and CMYK(0, 62, 100, 0).
IHG uses Charcoal (#222222), Medium Gray (#666666), Muted Gray (#A0A0A0), and Light Gray (#F7F7F7) for UI backgrounds and text.
Use IHG Orange (#FF6200) for primary actions, Charcoal (#222222) for text, and supporting grays for backgrounds and borders to maintain brand consistency.
The secondary color is IHG Charcoal, #222222, and the accent is IHG Gold, #F5A623. 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 IHG's colors consistently when it generates UI.
Make something in the spirit of IHG
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.