Agoda color palette
TravelAgoda's color identity is defined by its distinctive purple primary, supported by a spectrum of accent colors and a clean, neutral UI. The palette is designed for clarity, accessibility, and global recognition in the travel booking space.
agoda.comAgoda colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Agoda PurplePrimary108, 71, 255
- Agoda YellowSecondary255, 180, 0
- Agoda CyanAccent0, 184, 217
Surfaces
Page, cards and dividers.- Agoda WhiteBackground255, 255, 255
- Agoda Light GraySurface245, 246, 250
- Agoda Border GrayBorder224, 227, 235
Text
Three tiers of copy.- Agoda BlackText26, 26, 26
- Agoda Secondary GraySecondary text110, 122, 138
- Agoda Muted GrayMuted text176, 184, 193
Semantic
Feedback and state colors.- Agoda GreenSuccess0, 196, 140
- Agoda YellowWarning255, 180, 0
- Agoda RedError255, 77, 79
- Agoda CyanInfo0, 184, 217
Use Agoda's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
agoda-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B8D9;
--error: #FF4D4F;
--accent: #00B8D9;
--border: #E0E3EB;
--primary: #6C47FF;
--success: #00C48C;
--surface: #F5F6FA;
--warning: #FFB400;
--secondary: #FFB400;
--text-muted: #B0B8C1;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #6E7A8A;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.4:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
4.0:1
Fail
Muted text on background
Needs 3:1 for large text
2.0:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Agoda background, border and text colors
The quiet part of the Agoda palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Agoda WhiteBackground
- HEX
- RGB
- HSL
- Agoda Light GraySurface
- HEX
- RGB
- HSL
- Agoda Border GrayBorder
- HEX
- RGB
- HSL
- Agoda BlackText
- HEX
- RGB
- HSL
- Agoda Secondary GraySecondary text
- HEX
- RGB
- HSL
- Agoda Muted GrayMuted text
- HEX
- RGB
- HSL
About Agoda's colors
Agoda's palette centers on a vibrant purple, complemented by a set of secondary and accent colors for clarity and accessibility. The use of neutral grays ensures content legibility and a modern, approachable UI.
Primary purple is contrasted with yellow for calls to action.
Cyan and green are used for highlights and status indicators.
Neutral grays provide structure and readability.
Psychology
Purple conveys creativity, trust, and a sense of premium service, while yellow adds energy and draws attention to key actions. The balanced use of neutrals keeps the interface clean and user-focused.
Evolution
Agoda's color palette has remained stable, with purple as the core brand color since its major rebrand. Minor adjustments have been made to accent and neutral tones to improve accessibility and digital clarity.
Where Agoda uses each color
- Primary
Agoda Purple is used for the logo, primary buttons, and key highlights across the website and app.
- Secondary
Agoda Yellow appears in call-to-action buttons and notification badges.
- Accent
Agoda Cyan is used for links, icons, and informational highlights.
- Backgrounds
Agoda White and Light Gray are used as main backgrounds for pages and cards.
- Text
Agoda Black is used for primary text, with Secondary and Muted Grays for supporting and disabled text.
- Semantic
Green, Yellow, and Red indicate success, warning, and error states in forms and notifications.
Agoda color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Agoda brand color is Agoda Purple, hex code #6C47FF.
Agoda Purple (#6C47FF) in RGB is (108, 71, 255). For CMYK, it is approximately (58, 72, 0, 0).
Agoda uses several grays: Light Gray (#F5F6FA), Border Gray (#E0E3EB), Secondary Gray (#6E7A8A), and Muted Gray (#B0B8C1) for backgrounds, borders, and text.
Use Agoda Purple (#6C47FF) for primary actions and branding, with accent and semantic colors for highlights and status. Neutrals should be used for backgrounds, surfaces, and text to maintain clarity and accessibility.
The secondary color is Agoda Yellow, #FFB400, and the accent is Agoda Cyan, #00B8D9. Together with the primary they make up the three brand colors at the top of this page.
2 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 Agoda's colors consistently when it generates UI.
Make something in the spirit of Agoda
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.