InazumaDeepHiddenBlossom-scented

Depths of Mt. Yougou, Blossoms in the Gloom

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%642a7316%43286036%9dbc4f56%36443478%232e42100%2a261e

Why it works

The same event reverses sign over a dark ground. This canopy's lit half measures L 0.40, chroma 0.131 — both brighter and deeper than its shaded half at L 0.34, chroma 0.096. The cherry in 〈Royal Hot Springs in Blazing Daylight〉 does the opposite when lit: 0.109 falls to 0.102. The mossed tree coiled at the centre of the frame returns the same sign — lit moss at L 0.75, chroma 0.141, shaded moss inside the ring at L 0.37, chroma 0.034. So being lit has no direction of its own. In a bright field it is bleach; in a dark one it is the only dye.

Over a dark ground, light adds chroma

The upper-left canopy holds 43,002 pixels: 24,448 at 270°–315°, averaging L 0.34, chroma 0.096, hue 304°; 18,554 at 315°–345°, averaging L 0.40, chroma 0.131, 319°. The lit half gained only 0.06 in lightness but 0.035 in depth, and it is the frame's chroma ceiling of 0.189 — 3019 of the 4000 most chromatic pixels land here, at (0.09, 0.09). The same pair of windows falls in both 〈Tenryou Commission Headquarters in Navy Daylight〉 and 〈Royal Hot Springs in Blazing Daylight〉 (0.117 to 0.100, 0.109 to 0.102). Three pictures share one flower and one pair of hue positions; the only variable is the ground's lightness median, 0.32 against 0.43 and 0.47.

The coiled tree says the same thing

The old tree that has wound itself into a ring at the centre carries thick moss along the backs of its limbs. Take the most chromatic 3% at 90°–165°: 505 pixels at L 0.75, chroma 0.141, hue 123°. The shaded moss inside the ring measures L 0.37, chroma 0.034, 142° — one tree, one moss, and the lit face is four times as deep. It is also the brightest thing in the picture: 1563 of the 4000 brightest pixels sit on that limb at (0.50, 0.29), L 0.73. When two unrelated materials return the same sign inside one frame, the sign belongs to the ground, not to the flower.

What light misses cannot even keep its hue

The path at lower right that reads as brown earth measures L 0.27, chroma 0.016, hue 84° — under the achromatic threshold of 0.025. The rock face behind it is L 0.29, chroma 0.035, 267°, and the blue band covering 38.37% of the frame averages only chroma 0.040. The canopy on the right, buried in mist, is blunter still: its shaded half has drifted to 283°, 21° away from the left canopy's 304°, while its lit half still measures 325°. The handful light reached kept its own hue; the handful it missed was annexed by the surroundings. In a dark scene chroma is not an evenly distributed resource — it is issued only to lit surfaces. To give something colour in a dark picture, give it a beam of light, not a stronger pigment.

Take these colours with you

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

/* Depths of Mt. Yougou, Blossoms in the Gloom · Depths of Mt. Yougou, Blossoms in the Gloom — Teyvat Palette */
:root {
  --lit-blossom: oklch(0.4 0.131 319); /* Lit Blossom #642a73 */
  --shaded-blossom: oklch(0.34 0.096 304); /* Dark Blossom #432860 */
  --lit-moss: oklch(0.75 0.141 123); /* Lit Moss #9dbc4f */
  --shaded-moss: oklch(0.37 0.034 142); /* Shaded Moss #364434 */
  --hollow-blue: oklch(0.3 0.04 263); /* Hollow Blue #232e42 */
  --unlit-earth: oklch(0.27 0.016 84); /* Unlit Earth #2a261e */
  --gradient-depths-of-mt-yougou: linear-gradient(180deg, oklch(0.4 0.131 319) 0%, oklch(0.34 0.096 304) 16%, oklch(0.75 0.141 123) 36%, oklch(0.37 0.034 142) 56%, oklch(0.3 0.04 263) 78%, oklch(0.27 0.016 84) 100%);
}

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