Airbnb colors

The Airbnb color palette has 6 colors: Rausch #FF385C, Hof #222222, Foggy #6A6A6A, Plus #92174D, Arches #C13515 and White #FFFFFF. Below are HEX, RGB, HSL and OKLCH codes, contrast checks, CSS and Tailwind variables, all from its live website code checked on 16 October 2026.

Airbnb color codes

Airbnb brand colors in HEX, RGB, HSL and OKLCH
Color	Role	HEX	RGB	HSL	OKLCH
Rausch	Primary	#FF385C	rgb(255, 56, 92)	hsl(349, 100%, 61%)	oklch(65.8% 0.231 17.1)
Hof	Text	#222222	rgb(34, 34, 34)	hsl(0, 0%, 13%)	oklch(25.2% 0 0)
Foggy	Neutral	#6A6A6A	rgb(106, 106, 106)	hsl(0, 0%, 42%)	oklch(52.4% 0 0)
Plus	Secondary	#92174D	rgb(146, 23, 77)	hsl(334, 73%, 33%)	oklch(43.8% 0.161 0.8)
Arches	Accent	#C13515	rgb(193, 53, 21)	hsl(11, 80%, 42%)	oklch(53.9% 0.182 33.7)
White	Background	#FFFFFF	rgb(255, 255, 255)	hsl(0, 0%, 100%)	oklch(100% 0 0)

Select a color to open its own page with tints, shades, harmonies and every color format, or open the whole set in the palette generator.

Where the Airbnb colors come from

Airbnb does not publish hex values in public brand guidelines, so these were read from the code of its live website (stylesheets and the SVG files it serves) on 16 October 2026. They are the colors www.airbnb.com actually renders, which can differ slightly from print or logo colors.

Source (live website CSS or SVG): https://www.airbnb.ae/ checked 2026-10-16

Airbnb color contrast

Black text on Airbnb rausch has a contrast ratio of 5.97:1 and passes WCAG AA for body text. Used as a text color, Rausch reaches 3.51:1 on white and 5.97:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.

White and black text on Airbnb colors
Pair	WCAG 2 ratio	WCAG 2 result	APCA	APCA guidance
White on Rausch	3.51:1	AA large text	Lc -66.5	Content text, not long reading
Black on Rausch	5.97:1	AA	Lc 43.0	Non-text elements, placeholder text
White on Hof	15.90:1	AAA	Lc -105.5	Preferred for body text
Black on Hof	1.31:1	Fails	Lc 0.0	Not readable
White on Foggy	5.40:1	AA	Lc -82.3	Fine for body text
Black on Foggy	3.88:1	AA large text	Lc 27.1	Dividers and decoration only
White on Plus	8.56:1	AAA	Lc -92.6	Preferred for body text
Black on Plus	2.45:1	Fails	Lc 16.1	Dividers and decoration only
White on Arches	5.54:1	AA	Lc -81.7	Fine for body text
Black on Arches	3.78:1	AA large text	Lc 27.7	Dividers and decoration only

Airbnb colors on each other
Pair	WCAG 2 ratio	WCAG 2 result	APCA	APCA guidance
Hof on Rausch	4.52:1	AA	Lc 39.9	Non-text elements, placeholder text
Hof on Foggy	2.94:1	Fails	Lc 23.9	Dividers and decoration only
Hof on Arches	2.86:1	Fails	Lc 24.6	Dividers and decoration only
Plus on Rausch	2.43:1	Fails	Lc 24.9	Dividers and decoration only

Airbnb colors in CSS and Tailwind

Copy the Airbnb palette as CSS custom properties or as a Tailwind CSS v4 theme. The last snippet is an 11-step Tailwind scale (50 to 950) generated in OKLCH from Rausch, for hover states, borders and tinted backgrounds.

CSS variables

:root {
  --airbnb-rausch: #FF385C;
  --airbnb-hof: #222222;
  --airbnb-foggy: #6A6A6A;
  --airbnb-plus: #92174D;
  --airbnb-arches: #C13515;
  --airbnb-white: #FFFFFF;
}

Tailwind CSS v4 theme

@import "tailwindcss";

@theme {
  --color-airbnb-rausch: #FF385C;
  --color-airbnb-hof: #222222;
  --color-airbnb-foggy: #6A6A6A;
  --color-airbnb-plus: #92174D;
  --color-airbnb-arches: #C13515;
  --color-airbnb-white: #FFFFFF;
}

Tailwind scale generated from Rausch #FF385C

@theme {
  --color-airbnb-50: #FFF2F2;
  --color-airbnb-100: #FFE2E2;
  --color-airbnb-200: #FFCACB;
  --color-airbnb-300: #FFA3A7;
  --color-airbnb-400: #FC6877;
  --color-airbnb-500: #FF385C;
  --color-airbnb-600: #D60041;
  --color-airbnb-700: #B50036;
  --color-airbnb-800: #96002B;
  --color-airbnb-900: #7E0023;
  --color-airbnb-950: #4B0915;
}

Named colors closest to the Airbnb palette

The nearest named color to each brand color, measured as perceptual distance (ΔE OK) in OKLab. Under 0.02 is hard to tell apart; above 0.05 the difference is easy to see.

Brand color	HEX	Nearest named color	Named HEX	ΔE OK
Rausch	#FF385C	Watermelon	#FD4659	0.019
Hof	#222222	Jet	#212529	0.014
Foggy	#6A6A6A	Dim Gray	#696969	0.003
Plus	#92174D	Mulberry	#920A4E	0.012
Arches	#C13515	Sinopia	#BB3E03	0.020
White	#FFFFFF	White	#FFFFFF	Exact match

Palettes like Airbnb

Curated palettes that include a color close to Airbnb rausch #FF385C.

How to use a Airbnb-style palette

Lead with Rausch #FF385C for buttons, links and key highlights, with black text on it.
Give most of the layout to Hof #222222, Foggy #6A6A6A and White #FFFFFF, about 60% of the screen, so Rausch stands out.
Keep Plus and Arches for small accents (around 10%): status colors, illustrations or charts.
As text on a white page, Rausch reaches 3.51:1: it passes WCAG AA only for large or bold text (18pt, or 14pt bold).

To see how www.airbnb.com uses these colors today, including backgrounds, text and dark mode, run it through the website color extractor. To turn Rausch into a full light and dark color system with accessible roles, open it in the Color System Studio.

More brand colors

Trademarks

Frequently asked questions

What is the Airbnb hex color?

The main Airbnb color is Rausch #FF385C, which is rgb(255, 56, 92) in RGB. It comes from the CSS and SVG files of Airbnb's live website (Airbnb publishes no official hex values), checked on 16 October 2026.

What colors does Airbnb use?

Airbnb uses 6 core colors: Rausch #FF385C, Hof #222222, Foggy #6A6A6A, Plus #92174D, Arches #C13515 and White #FFFFFF.

What is Airbnb rausch in RGB, HSL and OKLCH?

Airbnb rausch #FF385C is rgb(255, 56, 92), hsl(349, 100%, 61%) and oklch(65.8% 0.231 17.1). The closest named color is Watermelon #FD4659.

Should text on Airbnb rausch be white or black?

Black text reads better on Airbnb rausch: it has a contrast ratio of 5.97:1, which passes WCAG AA for body text.

Where do these Airbnb colors come from?

The hex values were read from Airbnb's live website code at https://www.airbnb.ae/ on 16 October 2026. Contrast, RGB, HSL and OKLCH values on this page are calculated from those hex codes.

Can I use the Airbnb colors in my own design?

Colors on their own are not owned, but Airbnb's name, logo and the way it combines its colors are trademarks. Use these values to match Airbnb when you refer to it, follow its official guidelines, and do not imply a link to Airbnb in your own brand.

Use the Airbnb colors

Check www.airbnb.com live, build a color system from Rausch, or remix the palette.

Analyze Airbnb's live site Build a color system from Airbnb colors Open in the palette generator Preview on a design