
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 135° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
The light in a high-key picture is not at its brightest point — it is in the one patch that gives up its chroma. And what that patch is worth is set by how much achromatic area the frame has left. Mt. Laixin's lightness median is 0.86 and its p99 is 0.98: only 0.12 of headroom remains, so pushing lightness upward is no longer an option. Of the 4000 brightest pixels, 3843 crowd into a single cell at L 0.98 and chroma 0.021 — the only patch in the frame below the grey threshold of 0.025 — and only 2.67% of the picture can do that at all, the least of the four high-key Liyue landscapes (Minlin 6.25%, the Sea of Clouds 7.72%, Dragon-Queller 10.88%). The scarcer grey is, the louder one patch of it rings.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Mt. Laixin in Drifting Haze · Mt. Laixin in Drifting Haze — Teyvat Palette */
:root {
--valley-gap-white: oklch(0.98 0.021 199); /* Valley-Gap White #e9fdfe */
--drifting-haze: oklch(0.92 0.053 218); /* Drifting Haze #beeefc */
--high-sky: oklch(0.85 0.095 227); /* High Sky #87dbfe */
--terrace-maple: oklch(0.69 0.082 28); /* Terrace Maple #c9887f */
--arch-indigo: oklch(0.59 0.092 239); /* Arch Indigo #4485ae */
--cliff-moss: oklch(0.66 0.09 166); /* Cliff Moss #57a485 */
--gradient-mt-laixin: linear-gradient(135deg, oklch(0.98 0.021 199) 0%, oklch(0.92 0.053 218) 18%, oklch(0.85 0.095 227) 40%, oklch(0.69 0.082 28) 60%, oklch(0.59 0.092 239) 82%, oklch(0.66 0.09 166) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.