InazumaDayFierce sunAiryCool

Yae Publishing House under an Open Sky

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%2964a836%65836a55%33243f74%354960100%c0b4b0

Why it works

A focal point can lose two categories out of three. The three sakura-patterned noren under the eaves measure L 0.29 — 0.19 below the picture's own median of 0.48 — and chroma 0.053, less than half the sky's 0.124. They are still the only thing you remember, because in a field of 39.12% neutral plus 49.95% blue, 309° sits 55° away from its nearest neighbour, the sky at 254°. The lava glow in Frost Moon in Earthshine was at least bright (L 0.66); here even lightness is handed over. Isolation in hue, one category, is enough.

The noren wins nothing but hue

The three curtains measure 10,423 pixels at L 0.29, chroma 0.053, hue 309°. In the same frame the sky is L 0.50, chroma 0.124, 254°, and the flagstones in front are L 0.78, chroma 0.015. The noren sits in the bottom band of lightness and does not reach half the sky's chroma — the only thing it holds alone is that 55° of hue distance. The lava glow in Frost Moon in Earthshine covered 0.24% at chroma 0.063 and was not the most saturated thing either, but it was bright at L 0.66. Yae pushes the rule to its end: a focal point may lose lightness too.

Why 55° suffices — the field has no second candidate

Deep under the eaves, timber that cannot see the sky at all measures hue 245°, only 9° from the sky overhead at 254°, with chroma down to 0.021. Take every pixel below the skyline that falls in 210°–270°: 74,563 of them, mean L 0.40, chroma 0.046, hue 252°. The whole building is registered in the sky's name. The other candidates are out too — the green tiles hold 2.39%, and warm pixels in 15°–90° come to 0.15% of the frame at mean chroma 0.033. Before one hue can be the exception, the field has to be unified to the point where nobody else can be nominated.

The most saturated point is not on the noren

The picture's chroma peak is 0.227, and it sits on a red cloth at the left edge — 261 pixels in 330°–30° at L 0.65, chroma 0.115, hue 352°, more than twice as saturated as the noren, and your eye never stops there. The noren has 10,423 pixels, forty times as many. Isolation in hue only works once a minimum area is secured; pushing an accent colour further up the chroma scale is always dearer than laying it out wide enough.

Take these colours with you

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

/* Yae Publishing House under an Open Sky · Yae Publishing House under an Open Sky — Teyvat Palette */
:root {
  --open-sky: oklch(0.5 0.124 254); /* Open Sky #2964a8 */
  --eave-shadow: oklch(0.4 0.046 252); /* Eave Shadow #354960 */
  --dark-post: oklch(0.3 0.021 245); /* Ink Timber #252f38 */
  --noren-violet: oklch(0.29 0.053 309); /* Sakura Violet #33243f */
  --tile-green: oklch(0.58 0.052 150); /* Moss Tile #65836a */
  --sunbleached-stone: oklch(0.78 0.015 39); /* Sunbleached Stone #c0b4b0 */
  --gradient-yae-publishing-house: linear-gradient(180deg, oklch(0.5 0.124 254) 0%, oklch(0.58 0.052 150) 36%, oklch(0.29 0.053 309) 55%, oklch(0.4 0.046 252) 74%, oklch(0.78 0.015 39) 100%);
}

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