Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Lokapala Jungle in the Shade
SumeruDayEnclosedHumidStill

Lokapala Jungle in the Shade

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%6eabc530%458f8658%316b8482%6cb084100%6cbf63

Why it works

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.

01

The two largest bands differ by 0.003 in chroma

The cyan band is 48.95% at chroma 0.075, the blue band 41.64% at 0.072: two adjacent hue bands split nine-tenths of the picture between them and are 0.003 apart. Lightness does separate them (0.60 against 0.50), but that is the division of labour between the lit tops of the mushroom platforms and the shade beneath — not a hierarchy. Measure three entirely different things and three nearly identical readings come back: the platform in the middle ground (from 0.30, 0.55) is 205° / 0.075, the cliff face on the left (from 0.00, 0.55) is 209° / 0.071, the rock wall above (from 0.55, 0.05) is 201° / 0.067. That is why a viewer cannot find where to look.

02

The only escapee is the grass underfoot

3252 of the frame's 4000 most chromatic pixels fall in 120°–150°, centred on (0.78, 0.90) — the grass slope in the lower-right corner, the one patch the mist has not covered, at a mean chroma of 0.151, with the frame's peak of 0.173 there too. Measure the same kind of slope at maximum distance: in the far mountain band at upper left, only 1610 pixels fall inside 90°–165°, at hue 152° / chroma 0.053. That is 7° from the near patch's 145°, while chroma has dropped by more than half (0.111 → 0.053). What the mist levies in this picture is chroma, not hue — so the gamut has not narrowed by a degree. What narrowed is the answer to "who is the subject".

03

Grey's privilege is having no hue

〈Dragonspine, Autumn Snow〉laid 39.47% achromatic to hold apart three hues more than a hundred degrees from each other — an area not far off Lokapala's 48.95% cyan band. Yet that picture has a lead colour and this one does not. The difference is that the 39.47% takes no position on hue, and the 48.95% does: it is 185°. The moment its duty expands to a majority, the mediator becomes the identity of the picture — and a mediator is by nature the quietest step there is. Choose a mediator by area first: past half, either swap it for something achromatic or promote another surface to lead. The only way out Lokapala left itself is that 8.87% of green underfoot.

Take these colours with you

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.