SumeruDayDesolatePlainLeft behind

Lost Nursery, a Break in the 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 200° (used by the hero and exports), while gallery cards share a uniform 135° sweep.

0%87bcda26%b0bebb44%9f9cab58%a1a9af76%cbbfb0100%bdc16a

Why it works

Before laying down a large neutral surface, ask whether it is material or air — and the way to ask is to measure the same thing at its near end and its far end. The white basin here measures chroma 0.024 / L 0.81 near and 0.016 / L 0.79 far. In Mt. Damavand behind a Curtain of Dust, written in the same batch, the same sandstone measures 0.056 / L 0.63 near and 0.019 / L 0.82 on the furthest ridge. Material grey is already grey at the closest point; air grey only becomes grey at the furthest. So the Nursery's 37.19% achromatic is 2.3 times Damavand's 16.43%, and yet its chroma ceiling of 0.139 stands 0.052 higher. Material grey you may spread freely; every tenth of the frame given to air grey drops the whole picture's chroma ceiling a step.

Three things make up the 37.19%, and all three are right in front of you

The bone-white basin filling the centre (rect from 0.30, 0.60) measures chroma 0.024 / L 0.81; the dead trees standing in it, 0.013 / L 0.73 / hue 244°; the rock spines along the left (rect from 0.02, 0.72), 0.025 / L 0.77. All three sit on or below the achromatic threshold of 0.025, and all three are in the near and middle ground — not one of them hides behind the mist. That is essentially the whole 37.19%. This is a neutral that was painted in, not one the air washed out.

0.008 between the near end and the far end is not air

Measure the basin in two halves: near end chroma 0.024 / L 0.81, far end 0.016 / L 0.79 — chroma falls 0.008 and lightness moves 0.02. Air does not look like that. In Mt. Damavand behind a Curtain of Dust, the sandstone walks four steps back from the bottom edge at chroma 0.056 → 0.045 → 0.034 → 0.019 and lightness 0.63 → 0.65 → 0.76 → 0.82, gaining a full 0.19 in brightness. The signature of aerial perspective is chroma falling while lightness rises; a grey that loses chroma without gaining lightness belongs to the material itself. To decide whether a neutral surface is expensive, measure it twice — once near, once far.

What holds the ceiling is the grass slope at lower right

Of the frame's 4000 most chromatic pixels, 3962 fall in 90°–120°, centred at (0.69, 0.90) — the grass slope emerging from the mist at lower right. Measured alone it is L 0.74 / chroma 0.082 / hue 107°, and the frame's peak of 0.139 is here; the misted valley at upper right is 233° / 0.070. Nothing stands in front of this small patch, so on its own it holds the ceiling at 0.139. A third of the picture can be grey and the picture still will not collapse — on one condition: keep one patch of foreground with no air in front of it. Carve that patch out first, then spread the neutral.

Take these colours with you

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

/* Lost Nursery, a Break in the Mist · Lost Nursery, a Break in the Mist — Teyvat Palette */
:root {
  --bone-basin: oklch(0.81 0.024 73); /* Bone Basin #cbbfb0 */
  --far-basin: oklch(0.79 0.016 183); /* Far Basin Grey #b0bebb */
  --dead-timber: oklch(0.73 0.013 244); /* Dead Timber #a1a9af */
  --rock-spine: oklch(0.7 0.021 294); /* Rock Spine #9f9cab */
  --slope-grass: oklch(0.79 0.111 111); /* Slope Grass #bdc16a */
  --valley-mist: oklch(0.77 0.07 233); /* Valley Mist #87bcda */
  --gradient-lost-nursery: linear-gradient(200deg, oklch(0.77 0.07 233) 0%, oklch(0.79 0.016 183) 26%, oklch(0.7 0.021 294) 44%, oklch(0.73 0.013 244) 58%, oklch(0.81 0.024 73) 76%, oklch(0.79 0.111 111) 100%);
}

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