Hilton color palette
TravelHilton's color identity is defined by a sophisticated palette of deep black, crisp white, and elegant blues, reflecting its heritage and premium hospitality positioning. The palette emphasizes clarity, luxury, and timelessness across digital and print applications.
hilton.comHilton colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Hilton BlackPrimary35, 31, 32
- Hilton BlueSecondary0, 87, 184
- Hilton Sky BlueAccent0, 174, 239
Surfaces
Page, cards and dividers.- Hilton WhiteBackground255, 255, 255
- Hilton Light GraySurface244, 244, 244
- Hilton SilverBorder209, 210, 212
Text
Three tiers of copy.- Hilton BlackText35, 31, 32
- Hilton Medium GraySecondary text110, 110, 110
- Hilton Muted GrayMuted text167, 168, 170
Semantic
Feedback and state colors.- Hilton Success GreenSuccess76, 183, 73
- Hilton Warning YellowWarning255, 194, 14
- Hilton Error RedError210, 38, 48
- Hilton Info BlueInfo0, 174, 239
Use Hilton's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
hilton-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00AEEF;
--error: #D22630;
--accent: #00AEEF;
--border: #D1D2D4;
--primary: #231F20;
--success: #4CB749;
--surface: #F4F4F4;
--warning: #FFC20E;
--secondary: #0057B8;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6E6E6E;
}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
14.8: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.6: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
Hilton gray and neutral colors
The quiet part of the Hilton palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Hilton WhiteBackground
- HEX
- RGB
- HSL
- Hilton Light GraySurface
- HEX
- RGB
- HSL
- Hilton SilverBorder
- HEX
- RGB
- HSL
- Hilton BlackText
- HEX
- RGB
- HSL
- Hilton Medium GraySecondary text
- HEX
- RGB
- HSL
- Hilton Muted GrayMuted text
- HEX
- RGB
- HSL
About Hilton's colors
Hilton's palette relies on a foundation of black, white, and blue, conveying professionalism and trust. The use of subtle grays and accent blues supports a clean, modern, and approachable interface.
Primary black contrasts with white for clarity.
Blue tones are used for brand recognition and emphasis.
Grays provide neutral backgrounds and support hierarchy.
Psychology
The deep black and blue hues evoke trust, stability, and luxury, aligning with Hilton's premium hospitality image. The palette's simplicity ensures accessibility and a welcoming atmosphere.
Evolution
Hilton's color palette has remained largely consistent, focusing on black and blue as core brand elements. Minor adjustments to accent and neutral tones have modernized the look for digital environments.
Where Hilton uses each color
- Primary
Hilton Black is used for logos, primary navigation, and key headings.
- Secondary
Hilton Blue appears in buttons, calls-to-action, and highlighted links.
- Accent
Hilton Sky Blue is used for active states, icons, and subtle highlights.
- Backgrounds
Hilton White and Light Gray are used for page backgrounds and content areas.
- Text
Hilton Black and Medium Gray are used for primary and secondary text, respectively.
- Semantic
Success Green, Warning Yellow, and Error Red are used for status indicators and alerts.
Hilton color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Hilton primary color hex code is #231F20. This deep black is central to the brand's identity.
Hilton Black (#231F20) in RGB is 35, 31, 32. In CMYK, it is approximately 70, 67, 64, 74.
Hilton uses a range of grays including Hilton Light Gray (#F4F4F4), Hilton Silver (#D1D2D4), Hilton Medium Gray (#6E6E6E), and Hilton Muted Gray (#A7A8AA). These are used for backgrounds, borders, and secondary text.
Use Hilton Black (#231F20) for primary elements and text, Hilton Blue (#0057B8) for interactive elements, and Hilton White (#FFFFFF) for backgrounds. Accent and semantic colors are reserved for highlights and status messaging.
The secondary color is Hilton Blue, #0057B8, and the accent is Hilton Sky Blue, #00AEEF. 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 Hilton's colors consistently when it generates UI.
Make something in the spirit of Hilton
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.