MondstadtNightHushedKeeping watchWarm indoors

Dawn Winery, Lit Windows at Night

Palette

Click a swatch to copy its HEX; hover for the OKLCH value.

Reconstructed gradient

The gradient distilled from the scene, unrolled left to right by stop; the authored angle is 180° (used by the hero and exports), while gallery cards share a uniform 135° sweep.

0%1b325820%333d5438%41586b52%9c7f7268%53765284%e2b163100%5883a0

Why it works

Night does not darken colour; it confiscates only the family that opposes it. Under the same ruler, daylit Mondstadt reads trees 140°, rock and rampart 191°, red tile 49°; Dawn Winery after dark reads trees 136°, rock 192°–198° — but the red tile has walked to 267°–273°, and the right turret's roof returns nothing matched across the entire warm window of 330°–90°, while its lightness of 0.37 sits just 0.04 below the frame's median of 0.41. To paint night, do not lower saturation across the board: marry the family that opposes the main light wholesale into that light's hue, and if you want to keep one opposing accent, give it an opening of its own.

The red tile is no longer red

The three roofs measure 267°, 273° and 257°, the same family as the 260° of the night sky above them. The right turret's roof returns nothing matched in 330°–90°; of the left turret's 3,080 pixels only 11 fall inside the warm window while 2,801 land in 210°–315°. And yet their lightness runs 0.36 to 0.39, less than 0.05 below the frame's median of 0.41 — night did not crush the roof to black, it changed its family name. For contrast, the same bench ruler on daylit Mondstadt puts the same red-tiled roofs at 49°, chroma 0.061, across 3,903 pixels. Mondstadt's identity colour is simply absent for the night.

The trees surrendered nothing

In the same night frame, the cypress and ivy on the left measure 136° at chroma 0.068, and the whole green band averages 144° at chroma 0.069. Daylit Mondstadt's trees are 140° at chroma 0.072 — the hue has shifted 4° and the chroma has hardly moved. The rock behaves the same way: 191° by day, 198° on the left and 192° on the right tonight. And among the 4,000 most chromatic pixels, 3,635 are exactly these trees (L 0.62 / chroma 0.129 / 139°), whose peak of 0.166 is the frame's ceiling. The night sky sits at 260°: the trees are 120° from it, the rock 69°, the red tile 149° — and the family confiscated is precisely the farthest one.

Every warm pixel left is behind an opening

The whole frame holds only 18,282 pixels in 330°–90°: the band containing the house (y 0.25–0.70) takes 13,258, the lower edge with its two lanterns takes 4,917, and the night-sky band keeps just 107. The densest 3% measures L 0.79, chroma 0.112, 78° — the cores of the two lanterns (68° on the left, 56° on the right, bright to L 0.85–0.86, over the frame's lightness p99 of 0.72). The three lit windows upstairs read 44°, the two below them 3° and 19°, and the wooden door under the porch lamp 28°. Conversely, the sandy path along the bottom edge that looks so warm returns nothing matched in 330°–90° and measures 190°, and the grass in the lower-left corner is only 170°. To keep one warm colour alive at night, do not brighten it — give it an opening.

Take these colours with you

CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.

/* Dawn Winery, Lit Windows at Night · Dawn Winery, Lit Windows at Night — Teyvat Palette */
:root {
  --night-sky: oklch(0.32 0.074 260); /* Night Sky #1b3258 */
  --roof-at-night: oklch(0.36 0.042 267); /* Roof at Night #333d54 */
  --plaster-wall: oklch(0.45 0.042 243); /* Plaster Wall #41586b */
  --night-foliage: oklch(0.53 0.069 144); /* Night Foliage #537652 */
  --forecourt-stone: oklch(0.59 0.065 238); /* Forecourt Stone #5883a0 */
  --lit-window: oklch(0.62 0.041 44); /* Window Fire #9c7f72 */
  --lantern-core: oklch(0.79 0.112 78); /* Lantern Core #e2b163 */
  --gradient-winery-exterior: linear-gradient(180deg, oklch(0.32 0.074 260) 0%, oklch(0.36 0.042 267) 20%, oklch(0.45 0.042 243) 38%, oklch(0.62 0.041 44) 52%, oklch(0.53 0.069 144) 68%, oklch(0.79 0.112 78) 84%, oklch(0.59 0.065 238) 100%);
}

A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.