LiyueDayMistyFar-reachingLimpid

Chenyu Vale: Southern Mountain in Bright Mist

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%50bfef14%d7f6f534%acf3fb52%cdb1c372%579a72100%227183

Why it works

Lightness draws distance; what draws priority is the *number* of hues. 97.12% of the pixels are packed into the one family between 165° and 270°, and lightness falls monotonically from the hazed far peaks at L 0.92 to the front ridge at L 0.51 — a ladder that can say which plane is far but not which one to look at. The plane that gets named is named by a second ladder: of the 751 warm pixels in the frame, 750 sit inside the single band y 0.35–0.55, which makes the mid-ground the only plane holding all three hue families.

Lightness only talks about distance

Far peaks in the haze L 0.92, the mid-ground summit L 0.76, the front ridge L 0.51 — a clean function of distance, darker as it comes closer. Chroma refuses to follow: the same three patches measure 0.071, 0.098 and 0.079, highest in the middle and lower at both ends. So lightness tells you which plane is far away and never tells you which plane to look at. Two jobs, two separate yardsticks.

The warm colours live in one middle band

The frame holds only 751 pixels between 315° and 45°, averaging 339° at chroma 0.041 — lower than the 0.093 of the blue rock around them. They are the dozen or so peach-blossom trees strung along the mid-ground ridge, gathered around a few houses on the left and around a broken stone wall and a dirt path on the way up in the middle. Above y 0.35 there is not one of them; below y 0.55 exactly 1 survives; 750 crowd into a band a fifth of the frame's height. They do not win on chroma. They win by making the mid-ground the only plane in the picture with a third hue family.

Green is the second yardstick

Green (90°–165°) comes to 21,178 pixels, of which the top 45% of the frame holds just 47; take the 4,000 most chromatic pixels instead and 3,945 of them belong to this family. The far peaks are silhouettes carrying no second hue at all, and grass grows only on the two planes you could walk on — «how many hue families this plane is allowed» becomes a second yardstick, independent of lightness: far 1, middle 3, near 2. Jueyun Karst at Dawn built its aerial perspective out of a lightness ladder in the same karst, and this frame does the same; the difference is that it needed another yardstick before it could say where the subject stands. When you build depth, don't turn lightness alone: squeeze the farthest plane down to a single hue, then hand the subject's plane one family more.

Take these colours with you

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

/* Chenyu Vale: Southern Mountain in Bright Mist · Chenyu Vale: Southern Mountain in Bright Mist — Teyvat Palette */
:root {
  --cloud-crown: oklch(0.95 0.032 196); /* Cloud Crown #d7f6f5 */
  --distant-ridge: oklch(0.92 0.071 205); /* Distant Ridge #acf3fb */
  --valley-sky: oklch(0.76 0.121 230); /* Valley Sky #50bfef */
  --blossom-pink: oklch(0.79 0.041 339); /* Blossom Pink #cdb1c3 */
  --ridge-grass: oklch(0.63 0.092 156); /* Ridge Grass #579a72 */
  --near-ridge-stone: oklch(0.51 0.079 216); /* Near Ridge Stone #227183 */
  --gradient-chenyu-vale-southern-mountain: linear-gradient(180deg, oklch(0.76 0.121 230) 0%, oklch(0.95 0.032 196) 14%, oklch(0.92 0.071 205) 34%, oklch(0.79 0.041 339) 52%, oklch(0.63 0.092 156) 72%, oklch(0.51 0.079 216) 100%);
}

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