Tripadvisor color palette
TravelTripadvisor's color identity is defined by its distinctive green, paired with black, white, and a range of neutral grays for clarity and accessibility. The palette supports a clean, modern interface that emphasizes trust and approachability in travel planning.
tripadvisor.comTripadvisor colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Tripadvisor GreenPrimary52, 224, 161
- Tripadvisor TealSecondary0, 175, 135
- Tripadvisor YellowAccent254, 201, 0
Surfaces
Page, cards and dividers.- Tripadvisor WhiteBackground255, 255, 255
- Tripadvisor Light GraySurface245, 245, 245
- Tripadvisor Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Tripadvisor BlackText20, 29, 31
- Tripadvisor Dark GraySecondary text74, 74, 74
- Tripadvisor Muted GrayMuted text142, 142, 147
Semantic
Feedback and state colors.- Tripadvisor Success GreenSuccess52, 224, 161
- Tripadvisor Warning YellowWarning254, 201, 0
- Tripadvisor Error RedError224, 62, 62
- Tripadvisor Info TealInfo0, 175, 135
Use Tripadvisor's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
tripadvisor-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00AF87;
--error: #E03E3E;
--accent: #FEC900;
--border: #E0E0E0;
--primary: #34E0A1;
--success: #34E0A1;
--surface: #F5F5F5;
--warning: #FEC900;
--secondary: #00AF87;
--text-muted: #8E8E93;
--background: #FFFFFF;
--text-primary: #141D1F;
--text-secondary: #4A4A4A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.1:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.1:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Fail
Tripadvisor background, border and text colors
The quiet part of the Tripadvisor palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Tripadvisor WhiteBackground
- HEX
- RGB
- HSL
- Tripadvisor Light GraySurface
- HEX
- RGB
- HSL
- Tripadvisor Border GrayBorder
- HEX
- RGB
- HSL
- Tripadvisor BlackText
- HEX
- RGB
- HSL
- Tripadvisor Dark GraySecondary text
- HEX
- RGB
- HSL
- Tripadvisor Muted GrayMuted text
- HEX
- RGB
- HSL
About Tripadvisor's colors
Tripadvisor's palette centers on a vibrant green, supported by yellow and teal accents, and grounded by a neutral grayscale. The system is designed for clarity, accessibility, and brand recognition.
Primary green is complemented by yellow for highlights.
Teal and green are analogous, creating harmony.
Neutrals provide contrast for text and surfaces.
Psychology
The green evokes trust, freshness, and a sense of adventure, aligning with travel and exploration. Yellow adds energy and draws attention to key actions.
Evolution
Tripadvisor's palette has remained consistent, with the green as its signature since early rebrands. Recent updates refined the neutrals and accent colors for improved digital accessibility.
Where Tripadvisor uses each color
- Primary
Used for main action buttons, highlights, and the logo.
- Secondary
Appears in navigation elements and secondary buttons.
- Accent
Used for notifications, highlights, and ratings stars.
- Backgrounds
White and light gray are used for page and card backgrounds.
- Text
Black and dark gray are used for primary and secondary text throughout the interface.
- Semantic
Green signals success, yellow for warnings or highlights, and red for errors or alerts.
Tripadvisor color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Tripadvisor primary color is #34E0A1. This green is used for branding and key UI elements.
Tripadvisor Green (#34E0A1) is RGB(52, 224, 161) and CMYK(77, 0, 52, 12). Use these values for print and digital consistency.
Tripadvisor uses #F5F5F5 for light gray surfaces, #E0E0E0 for borders, #4A4A4A for dark gray text, and #8E8E93 for muted text. These neutrals ensure readability and a clean interface.
Use #34E0A1 for primary actions and branding, with neutrals for backgrounds and text. Accent colors like #FEC900 should highlight important information or actions.
The secondary color is Tripadvisor Teal, #00AF87, and the accent is Tripadvisor Yellow, #FEC900. Together with the primary they make up the three brand colors at the top of this page.
5 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 Tripadvisor's colors consistently when it generates UI.
Make something in the spirit of Tripadvisor
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.