MondstadtDayRadiantBuoyantIn full bloom

Dawn Winery in Windblume Gold

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%3675b218%f8fdff30%b3a8dd50%ecdb3f72%9ab54e88%609893100%d87e45

Why it works

Glowing is two accounts, the core and the edge, and in daylight the second one decides: the clouds measure L 0.86 and chroma 0.072, the beam's core L 0.88 and chroma 0.022 — only 0.02 apart in lightness, and the core separates from the clouds solely by giving up chroma. What actually reads it as a beam is the ring of 270°–345° around it: of the 11,500 such pixels in the whole frame, 11,336 are packed into that one vertical strip, and everything right of x 0.60 holds none at all. To draw something glowing, first ask what it has to be told apart from, then decide which hue its edge should travel toward.

Cloud and beam are exactly as bright

The white cloud on the right measures L 0.86, chroma 0.072, hue 228°; the bank along the top of the frame L 0.86, chroma 0.083, 230°. The burst of light behind the statue is L 0.88, chroma 0.022, and its brightest cluster L 0.99, chroma 0.006. In lightness the two are 0.02 apart; what separates them is chroma — the one that gives chroma up is the one read as light. And here that is an expensive move: only 2.26% of the frame falls below chroma 0.025, while green at 43.39% and blue at 41.76% have already divided 85.15% of the area between them (the festival's gold-crowned trees measure 103° on their lit faces, inside the same green band as the slope grass at 122°). Having no hue is very nearly something this picture cannot afford.

The only violet in the picture grows on the beam

The whole frame holds just 11,500 pixels between 270° and 345°, and they barely scatter: the vertical strip from x 0.42 to 0.60 that contains the beam holds 8,125 in its upper half and 3,211 around the statue's plinth — 11,336 together, 98.6% of them. The left 42% of the frame keeps only 164, and everything right of x 0.60 returns nothing matched. This halo averages 294°, chroma 0.075, lightness 0.76 — more hue than the core it wraps, and 0.16 above the frame's lightness median of 0.60. The colour of the light is not in the light; it is on its edge.

Which way the edge turns depends on what it must be told apart from

In Geode Mine Shaft by Crystal Light, the edge of the crystal column travels from 127° to 186°, heading for the cave wall's 225° — it only has to be told apart from darkness, so borrowing the ambient hue is enough. Here it runs the other way: the halo's 294° dodges the sky at 250°, the slope grass at 122° and the gold crowns at 103°, and lands in a slice of the wheel where the rest of this picture keeps only 164 pixels. Because it has to be told apart from cloud, and the cloud is just as bright and just as white. When you build a glow, do not spend it all on making the core brighter and whiter. Check what else in the scene is already white, then pick your light a ring of hue that none of those things wears.

Take these colours with you

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

/* Dawn Winery in Windblume Gold · Dawn Winery in Windblume Gold — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.55 0.115 250); /* High Sky Blue #3675b2 */
  --windblume-gold: oklch(0.88 0.167 103); /* Windblume Gold #ecdb3f */
  --slope-grass: oklch(0.73 0.133 122); /* Slope Grass #9ab54e */
  --beam-core: oklch(0.99 0.006 220); /* Beam Core #f8fdff */
  --halo-violet: oklch(0.76 0.075 294); /* Halo Violet #b3a8dd */
  --paper-pinwheel: oklch(0.68 0.133 51); /* Paper Pinwheel #d87e45 */
  --windwheel-aster: oklch(0.64 0.06 188); /* Windwheel Aster #609893 */
  --gradient-statue-of-the-seven-dawn-winery-windblume: linear-gradient(180deg, oklch(0.55 0.115 250) 0%, oklch(0.99 0.006 220) 18%, oklch(0.76 0.075 294) 30%, oklch(0.88 0.167 103) 50%, oklch(0.73 0.133 122) 72%, oklch(0.64 0.06 188) 88%, oklch(0.68 0.133 51) 100%);
}

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