← Palettes · [email protected]

Airbnb

Airbnb's brand palette, anchored on the signature Rausch (#FF5A5F) — the warm pink-red introduced with the 2014 Bélo rebrand and retained as the primary brand color across airbnb.com, the mobile apps, and Airbnb's marketing. Rausch reads as the brand voice; the rest of the system is built on warm neutrals so photography and Rausch can carry the visual weight.

13 swatches 14 light roles 14 dark roles hospitalitytravelairbnbrauschwarm

Swatches

airbnb-rausch

#FF5A5F

Signature pink-red — the primary brand color. Verified hex from the simple-icons brand database citing airbnb.com.

airbnb-rausch-hover

#E94A4F

Authored hover / active state for Rausch.

airbnb-white

#FFFFFF

Canvas on light surfaces.

airbnb-near-white

#F7F7F7

Authored panel surface for light mode.

airbnb-text-primary

#222222

Authored body text on light backgrounds — the near-black tone Airbnb's marketing surfaces uniformly read as.

airbnb-text-secondary

#717171

Authored secondary text on light backgrounds.

airbnb-text-tertiary

#B0B0B0

Authored tertiary / muted text.

airbnb-divider

#EBEBEB

Authored hairline divider tone.

airbnb-canvas-dark

#1A1A1A

Authored dark-mode canvas — Airbnb's primary product is light-first; this is an authored inversion.

airbnb-surface-dark

#2B2B2B

Authored elevated surface on dark mode.

airbnb-success

#008A05

Authored success accent — leans deep green, consistent with Airbnb's status indicators.

airbnb-warning

#C13515

Authored warning accent — a deeper red used distinctly from Rausch for destructive context.

airbnb-error

#C13515

Authored error accent — same deeper red.

Mode role mappings

Light mode (14 roles)

accent → airbnb-rausch

accent-hover → airbnb-rausch-hover

background → airbnb-white

error → airbnb-error

primary → airbnb-rausch

primary-hover → airbnb-rausch-hover

success → airbnb-success

surface → airbnb-near-white

surface-elevated → airbnb-white

text-primary → airbnb-text-primary

text-secondary → airbnb-text-secondary

text-tertiary → airbnb-text-tertiary

warning → airbnb-warning

warning-hover → airbnb-warning

Dark mode (14 roles)

accent → airbnb-rausch

accent-hover → airbnb-rausch-hover

background → airbnb-canvas-dark

error → airbnb-error

primary → airbnb-rausch

primary-hover → airbnb-rausch-hover

success → airbnb-success

surface → airbnb-surface-dark

surface-elevated → airbnb-surface-dark

text-primary → airbnb-white

text-secondary → airbnb-text-tertiary

text-tertiary → airbnb-text-secondary

warning → airbnb-warning

warning-hover → airbnb-warning

Provenance

Source: https://news.airbnb.com/press-kit/
Attribution: Airbnb and the Bélo (the Airbnb mark) are trademarks of Airbnb, Inc. Rausch (#FF5A5F) is independently verified via the simple-icons brand database, which cites airbnb.com as the source. Airbnb's broader original "Design Language System" (DLS) names additional colors (Babu, Arches, Hof, Foggy) in widely-cited secondary literature, but those hex values are not currently surfaced in Airbnb's primary public press kit — this atom deliberately catalogues only verified hex values plus authored neutral surfaces to satisfy brand-atoms' no-fabrication rule.
Imported: 2026-05-17
Notes: Only Rausch (#FF5A5F) is directly verifiable from public Airbnb surfaces today. Other swatches in this atom are authored neutral surface and text tones that respect Airbnb's documented warm-light identity. Consumers with access to Airbnb's brand-use program should override these authored neutrals with the official DLS values once available.