MondstadtDuskWarmUnhurriedNearly night

Adventurers' Guild Mondstadt at Lamplit Dusk

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%366a8314%cf7f3e30%8a735a46%ad616478%8c9a5b100%697c7d

Why it works

Grey is not painted on; it is what two colour temperatures leave behind after they cancel on the same surface. 32.30% of this picture sits below the grey threshold, and its largest neutral face — the flagstone plaza in front of the counter — measures chroma 0.022 at hue 201°, wedged exactly between the lamps at 57° and the dusk sky at 231°. When you want a neutral surface, do not mix a grey: give it two lights pointing opposite ways.

The plaza is the average of two lights

The flagstones straight in front of the counter measure L 0.57, chroma 0.022, hue 201°. The sky overhead is L 0.50, chroma 0.069, hue 231°, and the most chromatic 3% of the lit windows at upper right is L 0.67, chroma 0.127, hue 57°. 201° lands squarely on the arc running from 57° to 231°, and the chroma is diluted from both sides down to 0.022 — under the 0.025 grey threshold. This ground was not mixed grey; it was cancelled grey.

A surface that gets only one light keeps its colour

The city wall on the left faces only the sky: L 0.33, chroma 0.032, hue 241°, blue untouched. The half-timbered wall on the right catches only the lamps: L 0.57, chroma 0.046, hue 69°, yellow untouched. The picture's 34.86% yellow band is those lamp-stained walls, mean chroma 0.059 — the lamps themselves reach 0.127 only in a few windows. Cancellation happens only where two lights meet. To get a genuinely neutral surface into an interface, put it on the seam between two light sources instead of hunting a grey in the palette.

What the grey bought is that 9.34% of green

Pull out the 90°–165° pixels of the three planters on the plaza and you get 26745 of them: mean L 0.66, chroma 0.088, hue 119°, peaking at 0.198 — the chroma ceiling of the whole frame. The green band is only 9.34% wide yet holds the loudest note, while the 34.86% yellow band averages 0.059. The 32.30% neutral plaza is what makes that affordable: in the same set of four guilds, the Inazuma frame keeps only 8.09% neutral, and its peak of 0.231 has no quiet neighbour left to sit against. Only a small-area family should be handed the chroma ceiling — and only if you laid the ground first.

Take these colours with you

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

/* Adventurers' Guild Mondstadt at Lamplit Dusk · Adventurers' Guild Mondstadt at Lamplit Dusk — Teyvat Palette */
:root {
  --night-sky: oklch(0.5 0.069 231); /* Dusk Sky #366a83 */
  --window-gold: oklch(0.67 0.127 57); /* Window Gold #cf7f3e */
  --timber-cream: oklch(0.57 0.046 69); /* Timber Cream #8a735a */
  --canopy-rose: oklch(0.58 0.099 18); /* Canopy Rose #ad6164 */
  --plaza-grey: oklch(0.57 0.022 201); /* Plaza Grey #697c7d */
  --planter-green: oklch(0.66 0.088 119); /* Planter Green #8c9a5b */
  --gradient-adventurers-guild-mondstadt: linear-gradient(180deg, oklch(0.5 0.069 231) 0%, oklch(0.67 0.127 57) 14%, oklch(0.57 0.046 69) 30%, oklch(0.58 0.099 18) 46%, oklch(0.66 0.088 119) 78%, oklch(0.57 0.022 201) 100%);
}

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