Booking.com color palette
TravelBooking.com uses a distinctive blue-centric palette, anchored by its iconic deep blue, to convey trust and reliability in the travel industry. The brand's color system is clean, accessible, and consistent across digital and print applications.
booking.comBooking.com colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Booking BluePrimary0, 58, 154
- Booking Light BlueSecondary0, 113, 194
- Booking OrangeAccent245, 166, 35
Surfaces
Page, cards and dividers.- Booking WhiteBackground255, 255, 255
- Booking Surface GraySurface245, 246, 250
- Booking Border GrayBorder231, 231, 231
Text
Three tiers of copy.- Booking Text BlackText38, 38, 38
- Booking Text GraySecondary text107, 107, 107
- Booking Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- Booking Success GreenSuccess0, 128, 9
- Booking Warning OrangeWarning245, 166, 35
- Booking Error RedError208, 2, 27
- Booking Info BlueInfo0, 113, 194
Use Booking.com's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bookingcom-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0071C2;
--error: #D0021B;
--accent: #F5A623;
--border: #E7E7E7;
--primary: #003A9A;
--success: #008009;
--surface: #F5F6FA;
--warning: #F5A623;
--secondary: #0071C2;
--text-muted: #A6A6A6;
--background: #FFFFFF;
--text-primary: #262626;
--text-secondary: #6B6B6B;
}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.1: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
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9: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.3:1
Fail
Booking.com background, border and text colors
The quiet part of the Booking.com palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Booking WhiteBackground
- HEX
- RGB
- HSL
- Booking Surface GraySurface
- HEX
- RGB
- HSL
- Booking Border GrayBorder
- HEX
- RGB
- HSL
- Booking Text BlackText
- HEX
- RGB
- HSL
- Booking Text GraySecondary text
- HEX
- RGB
- HSL
- Booking Muted GrayMuted text
- HEX
- RGB
- HSL
About Booking.com's colors
Booking.com’s palette is dominated by blue, a color associated with trust and dependability, complemented by neutral grays and vibrant accent hues. The system ensures clarity, accessibility, and brand recognition across all touchpoints.
Primary blue is paired with lighter blues for hierarchy.
Orange accent draws attention to calls-to-action.
Neutral grays provide balance and readability.
Psychology
Blue evokes feelings of security and professionalism, which is essential for a travel booking platform. The orange accent adds energy and highlights important actions.
Evolution
The core blue palette has remained stable since Booking.com’s early years, reinforcing strong brand recognition. Minor adjustments to accent and neutral tones have improved accessibility and modernized the UI.
Where Booking.com uses each color
- Primary
Used for the main navigation bar, primary buttons, and logo.
- Secondary
Appears in secondary buttons, links, and highlights.
- Accent
Used for call-to-action buttons and promotional banners.
- Backgrounds
White and light gray backgrounds are used across app screens and web pages.
- Text
Primary text is dark gray, while secondary and muted grays are used for less prominent information.
- Semantic
Green, orange, and red are used for success, warning, and error states in forms and notifications.
Booking.com color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Booking.com primary color is #003A9A, known as Booking Blue.
The RGB value for #003A9A is (0, 58, 154). For CMYK, it is approximately (100, 62, 0, 40).
Booking.com uses #F5F6FA (Booking Surface Gray), #E7E7E7 (Booking Border Gray), #6B6B6B (Booking Text Gray), and #A6A6A6 (Booking Muted Gray) for UI backgrounds and text.
Use Booking Blue (#003A9A) for primary actions and navigation, with Booking Light Blue (#0071C2) and Booking Orange (#F5A623) for secondary and accent elements. Neutrals and semantic colors support readability and accessibility.
The secondary color is Booking Light Blue, #0071C2, and the accent is Booking Orange, #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 Booking.com's colors consistently when it generates UI.
Make something in the spirit of Booking.com
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.