Travel & Airlines
Airbnb Color Codes
Airbnb works in a single coral it calls Rausch, hex #FF5A5F. The Airbnb color codes in Hex, RGB and CMYK can be found below. Brian Chesky, Joe Gebbia and Nathan Blecharczyk started it in San Francisco in 2008 by renting air mattresses in their apartment during a sold-out design conference, which is where the Air Bed and Breakfast name came from. Its nearest peer on this site is Booking.com.
Primary colors
What are Airbnb Primary Colors?
Airbnb's primary color is #FF5A5F. Every value on this page is derived from it.
Airbnb publishes a brand system; the value shown is the color it calls Rausch.
Airbnb Rausch
| Hex | #FF5A5F |
|---|---|
| RGB | 255, 90, 95 |
| HSL | hsl(358, 100%, 68%) |
| CMYK | 0%, 65%, 63%, 0%converted · approximate |
| Pantone | PMS 1785 Cnearest match · not published by the brand |
Airbnb Hex Color Codes
Airbnb hex color codes are #FF5A5F for rausch.
| Color | Hex |
|---|---|
| Rausch | #FF5A5F |
Airbnb RGB Color Codes
Airbnb RGB color codes are 255, 90, 95 for rausch. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Rausch | rgb(255, 90, 95) |
Airbnb HSL Color Codes
Airbnb HSL color codes are 358, 100%, 68% for rausch. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Rausch | hsl(358, 100%, 68%) |
Airbnb CMYK Color Code
Airbnb CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Rausch | 0%, 65%, 63%, 0% |
Airbnb Pantone Color Codes
Airbnb Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Rausch | PMS 1785 C |
Logo
Airbnb Logo Colors
Airbnb logo colors are one coral for the Belo symbol, on white or reversed.
Airbnb Logo Colors Palette
What the Airbnb Logo Colors Mean?
The Airbnb logo color is named after Rausch Street, where the founders lived when they built the company, which is about as literal as brand-color origin stories get. The Belo symbol it fills is drawn to read at once as a head, a location pin, a heart and the letter A, standing for people, place, love and the brand. It is a lot of meaning loaded into one shape and one color.
Airbnb Logo Color History
Airbnb logo color history has one real chapter. The early identity used a blue speech-bubble wordmark; the 2014 rebrand introduced the Belo and the Rausch coral, and the mark has held since with only small tuning of the exact tone.
Airbnb Logo Fonts
Airbnb logo fonts are Cereal, a custom geometric sans commissioned for the 2018 design system. Circular or a similar geometric sans is the nearest match.
Airbnb Logo JPG
Airbnb logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Airbnb Logo PNG
Airbnb logo in PNG, with a transparent background. Use it over a colored surface.
Airbnb Logo WebP
Airbnb logo in WebP. Same transparency as the PNG at about a third of the file size.
Airbnb Color Code Shades
Airbnb color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Airbnb paint or trim names.
In code
Using the Airbnb palette
CSS custom properties
:root {
--airbnb-rausch: #FF5A5F;
}Contrast against white
| Rausch | 3.05:1AA × |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.