#F5F0E8
#8B7355
#1C2C4C
#C9A84C
Background
Primary Accent
Secondary
Body Text

Luxury Hotel

warmcalmminimal autumnwinter brandinginterior
Fail
WCAG Grade
2.0:1
Contrast Ratio
2,341
Saves
6,102
AI Copies
AI Prompt

Use #F5F0E8 as the background. Use #8B7355 as the primary accent. Use #1C2C4C as secondary. Use #C9A84C as body text/supporting color. Palette mood: Luxury Hotel — warm, calm, minimal.

Hex Codes, RGB & CMYK Color Values

Technical breakdown for the Luxury Hotel color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).

Swatch Design Role HEX RGB CMYK HSL
Background
Luminance: 87.6%
245, 240, 232 0%, 2%, 5%, 4% 37°, 39%, 94%
Primary Accent
Luminance: 18.4%
139, 115, 85 0%, 17%, 39%, 45% 33°, 24%, 44%
Secondary
Luminance: 2.6%
28, 44, 76 63%, 42%, 0%, 70% 220°, 46%, 20%
Body Text
Luminance: 40.9%
201, 168, 76 0%, 16%, 62%, 21% 44°, 54%, 54%

Luxury Hotel Color Psychology & Meaning

Luxury Hotel is the color of 400-thread-count linen, dark walnut furniture, and a view of the city at night. Every element earns its place.

Color Harmony: Complementary Scheme

The Luxury Hotel palette is built using a complementary relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.

Hue Wheel

A complementary palette is often preferred by professional designers because it provides maximum contrast and energy by using opposite colors.

History & Design Context

Grand hotel interior design has remained consistent since the late 19th century Gilded Age. The Four Seasons, Ritz, and Peninsula all work within this warm-neutral palette.

Best Design Use Cases

Warm cream linen for all surfaces. Warm tan for structural elements. Navy for anchor and authority. Gold sparingly for luxury markers.

Industries This Palette Suits

Luxury hospitality, premium brands, private clubs.

How to Implement the Luxury Hotel Color Scheme

To use this Luxury Hotel color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.

Option 1: CSS Variables

:root { 
  /* {name} Palette - ihatecolors.com */{'
'}  --color-bg: {colors[0]};{'
'}  --color-primary: {colors[1]};{'
'}  --color-secondary: {colors[2]};{'
'}  --color-text: {colors[3]};{'
'} {'}'}

Web Design Tip

Use #F5F0E8 for the main background and #8B7355 for primary buttons. This creates a high-contrast focal point.

Accessibility Note

The contrast ratio between #C9A84C and #F5F0E8 is 2.01:1 (Fail). Ensure your body text remains legible.

Live Preview
Generate Similar ✦
} } Skip to content > le> >