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 logo is a trademark of Airbnb. Used for informational purposes.
Brand Colors
Airbnb Rausch
primary
Airbnb Kazan
secondary
Airbnb Babu
accent
Surfaces & Borders
Airbnb White
background
Airbnb Surface
surface
Airbnb Border
border
Typography
Airbnb Text
textPrimary
Airbnb Secondary
textSecondary
Airbnb Muted
textMuted
Semantic Colors
Airbnb Green
success
Airbnb Yellow
warning
Airbnb Error
error
Airbnb Blue
info
Accessibility
textPrimary / background
textPrimary / surface
textSecondary / background
textSecondary / surface
textMuted / background
textMuted / surface
Color Theory
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
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.
How Airbnb Uses 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.
Typography
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.
Agent integration
Use Airbnb's Colors in Your Agent
Terminal
Copies full install command. Saves skill to .claude/skills/airbnb/ — auto-detected on next run.
Included in the skill file
- 113 color roles — hex, HSL, and CSS variable names
- 2WCAG contrast rules for accessible pairings
- 3Auto-applies Airbnb's palette when generating UI
Frequently Asked Questions
Create Something Inspired by Airbnb
Generate a unique color palette inspired by Airbnb's aesthetic using AI.
