
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.
A mediator may have no area at all, but it must not hold the majority. Lokapala's cyan band sits at hue 185°, wedged exactly between green 155° and blue 229° (30° and 44° to either side), and its chroma of 0.075 falls precisely between 0.095 and 0.072 — it satisfies every condition of a mediator but one: it covers 48.95%. So the frame's median chroma is 0.072 and its median lightness 0.57, and the picture has no lead colour. The pine band in 〈Galesong Hill in Sun and Pine Shade〉is 12.08%; the white in 〈Minlin under Cloud White〉has almost no area at all. And 〈Dragonspine, Autumn Snow〉could spread to 39.47% only because that ground is achromatic — grey never becomes the lead however large it grows, and a mediator with a hue does.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Lokapala Jungle in the Shade · Lokapala Jungle in the Shade — Teyvat Palette */
:root {
--far-ridge-haze: oklch(0.71 0.073 226); /* Far Ridge Haze #6eabc5 */
--mist-cyan: oklch(0.6 0.075 185); /* Mist Cyan #458f86 */
--under-shade: oklch(0.5 0.072 229); /* Under-Shade Blue #316b84 */
--platform-green: oklch(0.7 0.095 155); /* Platform Green #6cb084 */
--near-verdure: oklch(0.73 0.151 142); /* Verdure Underfoot #6cbf63 */
--gradient-lokapala-jungle: linear-gradient(180deg, oklch(0.71 0.073 226) 0%, oklch(0.6 0.075 185) 30%, oklch(0.5 0.072 229) 58%, oklch(0.7 0.095 155) 82%, oklch(0.73 0.151 142) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.