Color collection

Hotel Color Palettes

Hospitality palettes for hotel websites, booking flows, resort brands, and premium travel landing pages.

HotelTravelLuxury
Best for: hotels, resorts, booking pages, and hospitality brandsExport: CSS, Tailwind, JSON, SVGPreview: dashboard, landing, mobile UI

How to use these palettes

Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for hotels, resorts, booking pages, and hospitality brands. Pair warm neutrals with one trust-building action color for room booking and date selection.

Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.

UI previewPrimary
Card
Button
Accent

CSS Variables

:root {
  --primary: #3169D8;
  --accent: #D6517E;
  --surface: #EBEDF4;
  --text: #121621;
  --support: #CE829C;
}
Text / Surface contrast: 15.44:1

FAQ

Where should I use hotel color palettes?

These palettes are designed for hotels, resorts, booking pages, and hospitality brands.

Can I copy these colors into a design system?

Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.

How do I avoid low contrast?

Pair warm neutrals with one trust-building action color for room booking and date selection.

Related color directions