Vrbo color palette
TravelVrbo's color identity is defined by a distinctive blue primary, complemented by clean neutrals and subtle accent hues. The palette emphasizes trust, clarity, and a welcoming travel experience.
vrbo.comVrbo colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Vrbo BluePrimary21, 61, 119
- Vrbo TealSecondary0, 151, 169
- Vrbo GoldAccent255, 209, 102
Surfaces
Page, cards and dividers.- Vrbo WhiteBackground255, 255, 255
- Vrbo Light GraySurface245, 247, 250
- Vrbo Border GrayBorder209, 215, 223
Text
Three tiers of copy.- Vrbo Blue TextText21, 61, 119
- Vrbo Secondary TextSecondary text75, 92, 107
- Vrbo Muted TextMuted text122, 134, 154
Semantic
Feedback and state colors.- Vrbo Success GreenSuccess60, 179, 113
- Vrbo Warning OrangeWarning255, 165, 0
- Vrbo Error RedError215, 38, 61
- Vrbo Info TealInfo0, 151, 169
Use Vrbo's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
vrbo-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0097A9;
--error: #D7263D;
--accent: #FFD166;
--border: #D1D7DF;
--primary: #153D77;
--success: #3CB371;
--surface: #F5F7FA;
--warning: #FFA500;
--secondary: #0097A9;
--text-muted: #7A869A;
--background: #FFFFFF;
--text-primary: #153D77;
--text-secondary: #4B5C6B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
10.7:1
Pass
Text on surface
Needs 4.5:1 for body text
10.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.4:1
Pass
Muted text on background
Needs 3:1 for large text
3.7:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
Vrbo background, border and text colors
The quiet part of the Vrbo palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Vrbo WhiteBackground
- HEX
- RGB
- HSL
- Vrbo Light GraySurface
- HEX
- RGB
- HSL
- Vrbo Border GrayBorder
- HEX
- RGB
- HSL
- Vrbo Blue TextText
- HEX
- RGB
- HSL
- Vrbo Secondary TextSecondary text
- HEX
- RGB
- HSL
- Vrbo Muted TextMuted text
- HEX
- RGB
- HSL
About Vrbo's colors
Vrbo's palette is anchored by a strong blue, conveying trust and reliability, with teal and gold accents for vibrancy. The supporting neutrals ensure clarity and readability across digital and print applications.
Primary blue pairs with teal for navigation and highlights.
Gold accent is used for calls to action and highlights.
Neutrals balance the palette for accessible UI contrast.
Psychology
Blue communicates trust, dependability, and calm—key qualities for a travel booking platform. Gold and teal add warmth and energy, inviting exploration and positivity.
Evolution
Vrbo's palette has remained consistent since its rebrand, with blue as the central color. Minor adjustments have been made to accent and neutral tones to improve accessibility and digital clarity.
Where Vrbo uses each color
- Primary
Vrbo Blue is used for the logo, primary navigation bar, and main action buttons.
- Secondary
Vrbo Teal highlights secondary actions, icons, and interactive elements.
- Accent
Vrbo Gold is reserved for call-to-action buttons, badges, and promotional highlights.
- Backgrounds
Vrbo White and Light Gray are used for page backgrounds and content surfaces.
- Text
Vrbo Blue Text is used for headings, with Secondary and Muted Text for body and supporting copy.
- Semantic
Success Green, Warning Orange, and Error Red are used for status messages and alerts throughout the site.
Vrbo color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Vrbo brand color is Vrbo Blue, with the hex code #153D77.
Vrbo Blue (#153D77) in RGB is 21, 61, 119. For CMYK, it is approximately 82, 49, 0, 53.
Vrbo uses Light Gray (#F5F7FA) for surfaces and Border Gray (#D1D7DF) for UI elements, ensuring clear separation and visual hierarchy.
Use Vrbo Blue (#153D77) for primary branding and navigation, with Teal (#0097A9) and Gold (#FFD166) for accents. Neutrals and semantic colors provide clarity and accessibility in UI contexts.
The secondary color is Vrbo Teal, #0097A9, and the accent is Vrbo Gold, #FFD166. Together with the primary they make up the three brand colors at the top of this page.
6 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 Vrbo's colors consistently when it generates UI.
Make something in the spirit of Vrbo
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.