
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 45° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
Lightness can tie; neutrality cannot. The sky takes 3796 of the frame's 4000 brightest pixels (L 0.87, chroma 0.070 and 0.074), leaving the glowing sigil on the cliff just 204 of them — and its lightness of 0.88 is only 0.01 higher. What separates the two surfaces is chroma: 0.015 against 0.074. Only 0.10% of the frame is achromatic, where 〈Mt. Laixin in Drifting Haze〉, the picture whose grey was scarcest, still had 2.67%. At that scarcity, 204 pixels are enough to be a picture's only light. To make something glow, don't compete for brightest — compete for being the one thing in the frame with no hue.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Hiisi Island in the Last Light · Hiisi Island in the Last Light — Teyvat Palette */
:root {
--cliff-stone: oklch(0.3 0.096 272); /* Cliff Stone #1e275d */
--crystal-fern: oklch(0.32 0.093 259); /* Crystal Fern #123161 */
--tide-sand: oklch(0.32 0.08 267); /* Tide Sand #20305b */
--deep-water: oklch(0.51 0.202 268); /* Deep Water #3655d7 */
--shore-haze: oklch(0.87 0.072 297); /* Shore Haze #d9cbff */
--sigil-white: oklch(0.88 0.015 273); /* Sigil White #d4d7e2 */
--gradient-lunar-treasury-hiisi-island-location-context: linear-gradient(45deg, oklch(0.3 0.096 272) 0%, oklch(0.38 0.129 266) 55%, oklch(0.51 0.202 268) 78%, oklch(0.87 0.072 297) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.