Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Mawtiyima under a Hanging Light
SumeruEnclosedBecalmedEerie

Mawtiyima under a Hanging Light

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%0c364119%c7f56646%216b6072%379a7b100%375422

Why it works

Something small and extremely chromatic can buy the chroma ceiling but not the chroma allowance: Mawtiyima's peak of 0.216 stands 0.059 above 〈The Orchard of Pairidaeza in Warm Haze〉at 0.157, yet its allowance is only 0.023 larger (0.081 against 0.058). The difference is the area of that clump — 3971 of the 4000 most chromatic pixels sit on one hanging fruit, whose core plus halo comes to 16215 pixels (1.84%), so Cmax stands a full 0.066 above p99, the longest lone spike in this batch. It can hold a ceiling that high because the light it throws stops falling once it reaches the medium's own price: five steps down along the light, chroma reads 0.160 / 0.131 / 0.110 / 0.111 / 0.115, and the last three are exactly the strength of the teal mist itself. To measure how loud a focus is, measure how thick it is first and how high it is second — the two numbers answer different questions.

01

A 150° window with no pixel in it

Search the whole frame for 300°–90° and it returns nothing matched; widen the window to 280°–90° (170° across) and it finds 1 pixel. This picture has three hue bands only: green 90°–165° at 30.47%, teal 165°–210° at 57.74%, blue 210°–270° at 10.39%, with 1.40% achromatic. Even the things that look most like dead wood are no exception — the root crossing the middle ground (from 0.34, 0.55) measures 169°, the one at upper left (from 0.28, 0.28) measures 179°: both teal. When a space has only one colour of light, no material keeps its local colour. Don't expect the warmth of wood to balance anything; it is not warm any more.

02

Light falls only to the medium's floor price

Take five steps down from the fruit's core (0.495, 0.175 / 0.49, 0.26 / 0.48, 0.32 / 0.47, 0.40 / 0.46, 0.50): lightness 0.93 / 0.72 / 0.67 / 0.69 / 0.69, chroma 0.160 / 0.131 / 0.110 / 0.111 / 0.115, hue 118° / 160° / 173° / 176° / 174°. 〈Main Control Hall under the Curtain〉measured the same thing and concluded that light spreading out surrenders chroma first and lightness not at all — its curtain read 0.111 / 0.081 / 0.049 / 0.037 / 0.034, down to a third, while lightness never budged. Here it is the reverse: lightness is what falls, and chroma stops at 0.110, because what this light spreads into is not an empty chamber but a teal mist of chroma 0.074. The end point of falloff is not zero, it is whatever price the thing the light lands in already carries. Which is why that ceiling was 0.150 and this one is 0.216.

03

It can hold the ceiling, not the allowance

The fruit's core (from 0.48, 0.14) is 3712 pixels, 0.42% of the frame, at L 0.91 / chroma 0.177. Count the halo in and it becomes 16215 pixels, 1.84%, with the mean dropping to 0.141. Meanwhile the mossed ledges on either side read 0.108, 0.101 and 0.106 — all of them below p99 at 0.150, so nothing but the fruit occupies the top 1%. The allowance therefore stalls at 0.081 while the peak of 0.216 hangs 0.066 above p99. A single point of light that wants both the ceiling and the loudness needs area first; if the ceiling is all you want, one fruit will do.

Take these colours with you

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

/* Mawtiyima under a Hanging Light · Mawtiyima under a Hanging Light — Teyvat Palette */
:root {
  --hanging-orb: oklch(0.91 0.177 125); /* Hanging Orb #c7f566 */
  --hollow-mist: oklch(0.48 0.074 181); /* Hollow Mist #216b60 */
  --moss-ledge: oklch(0.58 0.105 152); /* Moss Ledge #448c5b */
  --pale-root: oklch(0.62 0.103 169); /* Pale Root #379a7b */
  --floor-rock: oklch(0.31 0.049 220); /* Floor Rock #0c3641 */
  --near-grass: oklch(0.41 0.084 134); /* Near Grass #375422 */
  --gradient-mawtiyima: linear-gradient(180deg, oklch(0.31 0.049 220) 0%, oklch(0.91 0.177 125) 19%, oklch(0.48 0.074 181) 46%, oklch(0.62 0.103 169) 72%, oklch(0.41 0.084 134) 100%);
}

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