Airbnb Color Palette

Select any value to copy it.

• Rausch

  Primary

  #FF5A5Frgb(255, 90, 95)hsl(358, 100%, 68%)

  The 'rausch' header color in airbnb.com's 2017 CSS; today's --palette-rausch is #FF385C.

  Closest in ArchiveCrimson Silk Pure
  Closest in Archive: Crimson Silk Pure

• Babu Teal

  Secondary

  #00A699rgb(0, 166, 153)hsl(175, 100%, 33%)

  The teal accent in airbnb.com's 2017 CSS.

  Closest in ArchiveCyan Dusk Pure
  Closest in Archive: Cyan Dusk Pure

• Arches Orange

  Accent

  #FC642Drgb(252, 100, 45)hsl(16, 97%, 58%)

  Not in airbnb.com's current CSS, where --palette-arches is #C13515.

  Closest in ArchiveVermillion Tone Pure
  Closest in Archive: Vermillion Tone Pure

• Hof Gray

  Neutral

  #484848rgb(72, 72, 72)hsl(0, 0%, 28%)

  Main text color in airbnb.com's 2017 CSS; today's --palette-hof is #222222.

  Closest in ArchiveTrue Gray Shadow
  Closest in Archive: True Gray Shadow

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• RauschAaon white3.05:1Large text onlyRausch: Open in contrast checkerAaon black6.88:1AARausch: Open in contrast checker
• Babu TealAaon white3.04:1Large text onlyBabu Teal: Open in contrast checkerAaon black6.91:1AABabu Teal: Open in contrast checker
• Arches OrangeAaon white3.00:1Large text onlyArches Orange: Open in contrast checkerAaon black7.00:1AAArches Orange: Open in contrast checker
• Hof GrayAaon white9.15:1AAHof Gray: Open in contrast checkerAaon black2.30:1Not for textHof Gray: Open in contrast checker

About this palette

Airbnb commissioned its signature color, dubbed 'Rausch' (#FF5A5F) — a light, slightly pink red. The supporting palette includes a teal and a saturated orange that broaden the brand from hospitality into experience-driven commerce.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --airbnb-rausch: #ff5a5f;
  --airbnb-babu-teal: #00a699;
  --airbnb-arches-orange: #fc642d;
  --airbnb-hof-gray: #484848;
}

@theme {
  --color-airbnb-rausch: #ff5a5f;
  --color-airbnb-babu-teal: #00a699;
  --color-airbnb-arches-orange: #fc642d;
  --color-airbnb-hof-gray: #484848;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "airbnb-rausch": "#ff5a5f",
        "airbnb-babu-teal": "#00a699",
        "airbnb-arches-orange": "#fc642d",
        "airbnb-hof-gray": "#484848",
      },
    },
  },
};

Source: https://web.archive.org/web/20170531145949/https://www.airbnb.com/ · As of 2026-09-29 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Airbnb name and any associated marks belong to their owner. Request removal via support.

More from Consumer Brands