LiyueNightFaint JadeStill NightWarm Shrine

Pervases' Temple, Lamplit 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%10859f22%2c65a240%dcc4bd52%f2bc7a72%396f30100%247052

Why it works

Night is an operation on lightness, not on saturation: set this night scene beside 〈Chunming Teaworks in Verdant Daylight〉 from the same batch and the green of 90°–165° sits at 145° in both, with chroma 0.085 against 0.091 — slightly higher at night — while the whole difference lands on lightness, 0.63 against 0.45. What night actually takes away is the achromatic: 17.14% falls to 1.89%, because at night there is no white light left to bleach any surface into grey. To paint night, lower the lightness and clear out the achromatic; leave saturation alone — pull that down too and what you get is an overcast day.

The green paid no chroma at all

Both pictures put 90°–165° at 145°, with chroma 0.085 by day against 0.091 by night, and lightness 0.63 against 0.45. The whole-frame figures agree: this night scene's chroma median of 0.087 is 55% higher than the daylight picture's 0.056, while its lightness median is 0.49 against 0.58. Night is not lowering every colour evenly, it is redistributing — the family belonging to the main light actually rises: 210°–270° goes from 221° / chroma 0.051 to 246° / 0.098, close to double. The grass before the steps at (0.30, 0.85) reads L 0.49 / 0.089 / 163°, and the two trees reaching in from either side read L 0.49 / 0.111 / 141° and L 0.52 / 0.102 / 134° — every stretch of vegetation still holds above 0.09 at night.

Even the whitest patch cannot produce an achromatic

The achromatic share of the whole frame is just 1.89%. The whitest things in the picture are the two lit paper windows flanking the hall: of the 4000 brightest pixels, 1,309 fall on the left window (L 0.84 / chroma 0.029 / 37°), 605 on the right (L 0.84 / 0.067 / 53°) and 1,417 inside the open doorway between them (L 0.83 / 0.104 / 71°), the three openings taking 3,331 between them. That 0.029 is the closest thing to "no colour" this picture can produce, and it is still above the 0.025 achromatic line. In the three daylight pictures of the same batch a whitewashed wall measures 0.014, 0.017 and 0.024 — a white wall really can be colourless by day, and cannot by night, because both lights here carry a colour and no surface can belong to neither.

What night confiscates is hue, not chroma

The hall's roof tiles look jade-green, but at (0.30, 0.27) they measure L 0.50 / chroma 0.114 / 252° — the same family as the cliff behind them at (0.62, 0.10), 219°, and as the frame's blue band at 246°, and fully 107° away from the 145° of the grass before the steps. 〈Dawn Winery, Lit Windows at Night〉 told this story already: what nightfall confiscates is the hue of the family furthest from the main light, and the red roof tiles change their name from 49° in daylight to 267°–273°. The books balance here too, and more cleanly — only the hue was confiscated and the chroma never moved: the renamed roof measures 0.114, still 1.3× the frame's median of 0.087. So for a night interface, first assign every surface to one of the coloured lights (here the 246° night and the 71° lamp), then separate the layers by lightness. Pulling saturation down across the board paints an overcast day, not a night.

Take these colours with you

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

/* Pervases' Temple, Lamplit Night · Pervases' Temple, Lamplit Night — Teyvat Palette */
:root {
  --shrine-glow: oklch(0.83 0.104 71); /* Shrine Glow #f2bc7a */
  --paper-window: oklch(0.84 0.029 37); /* Paper Window #dcc4bd */
  --night-cliff: oklch(0.57 0.1 219); /* Night Cliff #10859f */
  --roof-nightblue: oklch(0.5 0.114 252); /* Roof Night-Blue #2c65a2 */
  --night-grass: oklch(0.49 0.089 163); /* Grass before the Steps #247052 */
  --canopy-jade: oklch(0.49 0.111 141); /* Canopy Jade #396f30 */
  --gradient-pervases-temple: linear-gradient(180deg, oklch(0.57 0.1 219) 0%, oklch(0.5 0.114 252) 22%, oklch(0.84 0.029 37) 40%, oklch(0.83 0.104 71) 52%, oklch(0.49 0.111 141) 72%, oklch(0.49 0.089 163) 100%);
}

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