
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.
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.
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.