
Click a swatch to copy its HEX; hover for the OKLCH value.
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.
〈Wangshan Hall, Mossglow〉left a ruler: to be glowing is to cross the visible light source in the frame on both lightness and chroma (the moss pool at L 0.81 / chroma 0.093 against the skylight's 0.71 / 0.066). Carry that ruler outdoors and it snaps. Harvisptokhm's water tree measures L 0.89 / chroma 0.097 against the sky's 0.66 / 0.165 — one win, one loss — and nobody would say it is not glowing. The difference is that a sky is not a lamp but a surface covering 41.79%: all 4000 of the frame's most chromatic pixels lie inside the sky's 240°–270°. The chroma channel never belonged to anything on the ground. To build a glowing element outdoors, don't compete on saturation; open up the lightness gap, then give it a hue the environment cannot grow.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Harvisptokhm under a Dry Sky · Harvisptokhm under a Dry Sky — Teyvat Palette */
:root {
--dry-sky: oklch(0.66 0.165 266); /* Dry Sky #628cf6 */
--water-crown: oklch(0.89 0.097 204); /* Water Crown #87eef8 */
--pale-trunk: oklch(0.72 0.049 317); /* Pale Trunk #b19cb9 */
--haze-wall: oklch(0.61 0.095 295); /* Haze Wall #8777b6 */
--sandstone-rose: oklch(0.65 0.076 322); /* Sandstone Rose #a580ab */
--canyon-sand: oklch(0.8 0.077 75); /* Canyon Sand #dbb786 */
--gradient-harvisptokhm: linear-gradient(180deg, oklch(0.66 0.165 266) 0%, oklch(0.89 0.097 204) 22%, oklch(0.61 0.095 295) 48%, oklch(0.65 0.076 322) 74%, oklch(0.8 0.077 75) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.