InazumaDayAustereCoolBlossom-bright

Tenryou Commission Headquarters in Navy Daylight

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%638ac618%d09cd638%7a59a360%103b4778%28473e100%3f4c6d

Why it works

A cherry canopy occupies only two positions on the hue wheel, and the tree does not choose them. Its shaded half measures L 0.53, chroma 0.117, hue 303° — the same three figures as the L 0.51, chroma 0.117, 303° measured in 〈Aisa Bathhouse in Blossom Light〉. Different tree, different picture, and the shaded half is a constant. What moves is the area of the lit half: 5.2% there, 30.3% here. Whether a cherry reads violet or pink is the result of how much area the framing gives its lit face, not of any mixing.

The shaded half never moved at all

The canopy rectangle holds 156,600 pixels. Split through two hue windows: 270°–315° holds 83,632 of them, averaging L 0.53, chroma 0.117, hue 303°. The same window in 〈Aisa Bathhouse in Blossom Light〉 held 70,270 pixels at L 0.51, chroma 0.117, 303°. Different architecture, different season, different sun — and the shaded face of the tree returns the same reading. Because it is a constant, the next fact means something: the lit half at 315°–345° was 3,860 pixels there, 5.2% of that canopy, and is 36,424 pixels here, 30.3%. To change a tree's colour you need not touch its colour.

Only three tenths of it caught the sun

The roof ornaments that read as gilded return just 11 pixels out of 8,320 when their rectangle is searched at 15°–105°; the block as a whole measures L 0.37, chroma 0.039, hue 175°. The white wall on the left is L 0.39, chroma 0.026, 238°, and the courtyard flagstones are L 0.42, chroma 0.058, 268° — every object in the compound sits on the sky's shadow colour. The only solid thing brighter than the frame's lightness median of 0.43 is the canopy's lit half, 36,424 pixels at L 0.76; 2073 of the 4000 most chromatic pixels land there too, at (0.88, 0.17). Being lit can be an extremely scarce event in a picture, and that scarcity is itself the composition.

The lit half is an area, not a recipe

The canopy covers 156,600 pixels, about a seventh of the frame, and its lit three tenths sit entirely on the upper-right face turned toward the sky. Frame-wide, the violet band is 16.98% at a mean of 293° and the pink band 4.93% at 323°. The two other canopies in this batch that light can reach measure 301° and 304° on their shaded halves — within 3° of the 303° here. Hue is a constant the flower is born with; area is the choice this picture makes. To make a field of blossom read as pink, do not adjust the petals' hue, which will not move. Adjust which direction you shoot it from.

Take these colours with you

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

/* Tenryou Commission Headquarters in Navy Daylight · Tenryou Commission Headquarters in Navy Daylight — Teyvat Palette */
:root {
  --shaded-crown: oklch(0.53 0.117 303); /* Shaded Crown #7a59a3 */
  --sunlit-crown: oklch(0.76 0.1 323); /* Sunlit Crown #d09cd6 */
  --open-sky: oklch(0.63 0.101 259); /* Open Sky #638ac6 */
  --navy-roof: oklch(0.33 0.051 220); /* Commission Navy #103b47 */
  --shaded-court: oklch(0.42 0.058 268); /* Shaded Court #3f4c6d */
  --tarnished-gilt: oklch(0.37 0.039 175); /* Tarnished Gilt #28473e */
  --gradient-tenryou-commission-headquarters: linear-gradient(180deg, oklch(0.63 0.101 259) 0%, oklch(0.76 0.1 323) 18%, oklch(0.53 0.117 303) 38%, oklch(0.33 0.051 220) 60%, oklch(0.37 0.039 175) 78%, oklch(0.42 0.058 268) 100%);
}

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