Airbnb color palette
EcommerceAirbnb's warm coral-pink palette combined with clean, open layouts communicates belonging, warmth, and the emotional side of travel and hospitality.
airbnb.comAirbnb colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Airbnb RauschPrimary255, 90, 95
- Airbnb KazanSecondary0, 166, 153
- Airbnb BabuAccent252, 100, 45
Surfaces
Page, cards and dividers.- Airbnb WhiteBackground255, 255, 255
- Airbnb SurfaceSurface247, 247, 247
- Airbnb BorderBorder235, 235, 235
Text
Three tiers of copy.- Airbnb TextText34, 34, 34
- Airbnb SecondarySecondary text113, 113, 113
- Airbnb MutedMuted text176, 176, 176
Semantic
Feedback and state colors.- Airbnb GreenSuccess0, 138, 5
- Airbnb YellowWarning255, 180, 0
- Airbnb ErrorError193, 53, 21
- Airbnb BlueInfo66, 139, 255
Use Airbnb's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
airbnb-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #428BFF;
--error: #C13515;
--accent: #FC642D;
--border: #EBEBEB;
--primary: #FF5A5F;
--success: #008A05;
--surface: #F7F7F7;
--warning: #FFB400;
--secondary: #00A699;
--text-muted: #B0B0B0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #717171;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.9: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.2:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
Airbnb gray and neutral colors
The quiet part of the Airbnb palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Airbnb WhiteBackground
- HEX
- RGB
- HSL
- Airbnb SurfaceSurface
- HEX
- RGB
- HSL
- Airbnb BorderBorder
- HEX
- RGB
- HSL
- Airbnb TextText
- HEX
- RGB
- HSL
- Airbnb SecondarySecondary text
- HEX
- RGB
- HSL
- Airbnb MutedMuted text
- HEX
- RGB
- HSL
About Airbnb's colors
Airbnb's palette centers on a distinctive coral-pink ('Rausch'), complemented by teal ('Kazan') and orange ('Babu'). These warm, approachable colors break from typical travel-industry blues, emphasizing the human, emotional side of travel.
Coral (#FF5A5F) and teal (#00A699) form a complementary warm-cool pair
Orange (#FC642D) bridges the coral and provides a warm secondary accent
Neutral warm backgrounds let travel photography provide contextual color
Psychology
Coral evokes warmth, hospitality, and belonging — the emotional core of Airbnb's mission. Teal adds trust and calm, balancing the warmth. Together they say 'you'll feel at home here,' which is precisely the brand promise.
Evolution
Airbnb introduced the coral color and Belo logo in 2014's major rebrand (the 'Belong Anywhere' campaign). The colors are named after streets near early Airbnb offices: Rausch, Kazan, and Babu.
Where Airbnb uses each color
- Primary
Rausch (#FF5A5F) appears in the logo, heart icons, and primary CTAs — always associated with the emotional act of booking or saving.
- Secondary
Kazan teal (#00A699) provides contrast in secondary buttons, verification badges, and trust elements.
- Accent
Babu orange (#FC642D) highlights promotions, special offers, and warm accent moments.
- Backgrounds
Clean white backgrounds with subtle gray surfaces let listing photos dominate, reflecting the marketplace nature of the product.
- Text
Near-black text (#222222) with warm gray secondaries maintains the approachable, non-corporate tone.
- Semantic
Distinct semantic colors (green, yellow, red) separate from the brand palette for clear system feedback without confusion.
Airbnb color questions
Hex codes, RGB values, neutrals and how to use the palette.
Airbnb's primary brand color is called 'Rausch' (#FF5A5F), a coral-pink named after Rausch Street in San Francisco where Airbnb's first office was located. Secondary colors include 'Kazan' (teal, #00A699) and 'Babu' (orange, #FC642D).
Airbnb chose coral to differentiate from the blue-dominated travel industry (Booking, Expedia, etc.) and to communicate warmth and belonging. The color evokes hospitality and emotional connection rather than corporate transactionality.
Airbnb's major rebrand launched in July 2014 with the 'Belong Anywhere' campaign, introducing the Belo logo and the Rausch coral color. The visual identity was created by DesignStudio in collaboration with Airbnb's in-house team.
Airbnb's primary color is Airbnb Rausch, hex #FF5A5F (RGB 255, 90, 95). It is the color used for the logo and the most prominent brand moments.
The secondary color is Airbnb Kazan, #00A699, and the accent is Airbnb Babu, #FC642D. Together with the primary they make up the three brand colors at the top of this page.
Airbnb uses #FFFFFF for backgrounds, #F7F7F7 for surfaces and #EBEBEB for borders. Text runs #222222, #717171 and #B0B0B0 from strongest to most muted.
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 Airbnb's colors consistently when it generates UI.
Make something in the spirit of Airbnb
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
