Design overlays that live inside
Ten dominant tones read from six of the property's own photos — the walls, the wood, the linens, the lamp glow. Use these when you're placing a card, a button, or a shadow on top of a room photo so the composition looks like it was designed *for* the photograph, not stuck on top of it.
01 · Per‑room breakdown
For each room, the five to six colours a designer would sample with an eyedropper — hex approximations read from the imagery. Not lab‑calibrated; close enough for card, button, and shadow decisions.
Lobby · Grand atrium
Warm daylight on polished stone — ambient amber light glows in soft ovals across the ceiling and floor.
Lobby · Double‑height atrium
Whiter, brighter cousin of 287 — more daylight, calmer palette, black‑stone reception counter anchors the far wall.
Deluxe plus room
Cool grey slate curtains temper the warm cream and caramel wood — the coolest room in the set.
Standard room
The most contrast‑rich room — chocolate padded headboard, walnut panel, plum bedspread against pale walls.
Presidential suite
The most tonally distinct room — deep navy headboard, baroque gold chairs, sienna terracotta floor. Warmest read of the set.
Family / executive room
The most social palette — navy anchors, warm cream, honey wood, and a rust‑orange velvet accent chair that echoes brand gold.
02 · The recurring palette
Colours that appeared in three or more of the reference photos. These are the safe defaults for any card, button, or shadow you place on a Pinemont room photo — they'll always feel harmonious because they came from the room to begin with.
03 · Bridge to brand
The recurring room palette maps almost cleanly onto the brand palette — which is why photos and marketing already feel like the same property. Here's the mapping so you can substitute confidently.
The takeaway: when you use brand tokens on top of room photos, you're not "pasting brand onto photo" — you're echoing what's already in the photo. That's why the composition reads as intentional. The one gap is the cool slate curtain and the navy headboard — the brand has no direct equivalent, so use them as supporting colour only, never as CTA or headline colour.
04 · Overlay recipes
Three tested overlay patterns. Each shown at real size, on top of a real room photo, with the CSS pasted below. Copy the recipe into Canva as a solid‑fill card and it will hold.
Presidential suite
Deep navy headboard, gilt seating, and a valley view through the curtains.
The daylight overlay — reads as a magazine caption. Use when the photo already carries the mood; the card just adds copy.
background: rgba(244, 237, 227, 0.94);
color: #173A2C;
backdrop-filter: blur(6px);
box-shadow: 0 12px 30px -12px rgba(20,20,20,0.4);
border-radius: 12px;
Standard room
Warm walnut, aubergine linens, and rooftop light through the drapes.
The evening overlay — reads as a boutique poster. Best on rooms with mid‑tone or contrast‑rich photos. The gold button stays the CTA anchor.
background: rgba(23, 58, 44, 0.86);
color: #F4EDE3;
backdrop-filter: blur(6px);
box-shadow: 0 12px 30px -12px rgba(0,0,0,0.6);
border-radius: 12px;
Family suite
Warm cream, navy anchors, rust velvet — a room for slow weekends.
The scroll‑stopping overlay — reserve for offers or seasonal spotlights. Use dark button so the eye doesn't drown in warmth.
background: linear-gradient(135deg,#F7D28A 0%,#E89A2C 45%,#A66A1B 100%);
color: #FFFFFF;
box-shadow: 0 12px 30px -12px rgba(215,154,44,0.55);
border-radius: 12px;
Photo backgrounds are visually noisy — a soft flat shadow on a card gets lost. Use a longer, deeper shadow with slight warm tint so the card lifts:
box-shadow:
0 18px 40px -14px rgba(23, 58, 44, 0.55),
0 4px 10px -4px rgba(20, 20, 20, 0.20);
First stop is a deep pine‑tinted long throw (feels grounded); second stop is a tight ink stop (defines the card edge).