Color collection
Hotel Color Palettes
Hospitality palettes for hotel websites, booking flows, resort brands, and premium travel landing pages.
#3169D8Accent#D6517ESurface#EBEDF4Text#121621Support#CE829CHotel 8Hotel / Travel / LuxuryQuality 97Primary#3198D8Accent#D68451Surface#EBF0F4Text#121A21Support#CE82B1Hotel 10Hotel / Travel / LuxuryQuality 96Primary#313AD8Accent#D66351Surface#ECEBF4Text#131221Support#CE8286Hotel 12Hotel / Travel / LuxuryQuality 96Primary#8731D8Accent#CDD651Surface#F1EBF4Text#1B1221Support#CEAA82Hotel 3Hotel / Travel / LuxuryQuality 95Primary#37D831Accent#51D6C5Surface#EBF4ECText#122113Support#8285CEHotel 4Hotel / Travel / LuxuryQuality 95Primary#31D85BAccent#51AAD6Surface#EBF4EFText#122117Support#9582CEHow 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.
CSS Variables
:root {
--primary: #3169D8;
--accent: #D6517E;
--surface: #EBEDF4;
--text: #121621;
--support: #CE829C;
}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.