InazumaDayClearLushHomely

Chouji's House in Bright 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%6db8e314%6bbfd434%367c7452%baa67672%959c7f100%42b172

Why it works

Change the hue and the intensity no longer has to be bought with lightness. The most chromatic 3% of this frame's 90°–165° sits at L 0.70 with chroma 0.155; the most chromatic 3% of its own 210°–270° has to fall to L 0.62 to reach 0.124 — the green is 0.08 lighter and 0.031 richer. That is why its median lightness is the second highest of the four (0.68) while its chroma ceiling is the highest of the three daylight frames (0.195). Blue and violet pay for chroma in lightness; green and cyan do not. Whether a palette can be rich is settled by which side of the wheel its dominant sits on.

In one and the same picture, green is both lighter and richer than blue

The unshaded meadow in front measures L 0.68, chroma 0.138, hue 155°, peaking at 0.178; isolate the most chromatic 3% of the 90°–165° band and it is 10,299 pixels at L 0.70, chroma 0.155, 151°. Under the same noon light, the most chromatic 3% of 210°–270° reaches only L 0.62 and chroma 0.124. Kannazuka in Hazy Daylight gets 0.122 out of its blue at essentially the same lightness (L 0.63) — the two blues are equally expensive, and this frame simply owns one cheap family more. To put a genuinely saturated colour into a light scheme, put it on the green-cyan side; tuning the blue up will not produce it.

The only warm colour in the picture is one a person laid there

Take the roof thatch through a 15°–105° window: 5,065 pixels at L 0.73, chroma 0.068, hue 88°. Across the whole frame the 330°–90° warm pixels number 22,634 (2.46%) at a mean chroma of only 0.051, peaking at 0.101 — less than half the meadow underfoot. The great rock behind the house that reads as sandstone brown measures L 0.54, chroma 0.072, hue 185°, and a 330°–90° search over the same rectangle returns nothing matched. In the same batch Kannazuka in Hazy Daylight has 454 warm pixels, Yashiori Island under a Deep Vault has 84, and The Arsenal, Lit from Below has none. This is the only frame with real warmth in it, and that warmth works not by being intense but by being the only warm thing there is.

The greyest of the four has the highest ceiling

Achromatic pixels come to 15.36%, the most of the four (Kannazuka 4.22%, Yashiori 1.66%, The Arsenal 0.27%), yet the chroma ceiling of 0.195 is the highest of the three daylight frames. The stone steps in front of the house measure L 0.68, chroma 0.042, hue 119° — the same family as the meadow with only three tenths of its intensity. What that grey pulled down is the lightness floor (p01 0.34), not any colour's ceiling. Mt. Damavand in a Veil of Dust measured how the depth-layer the grey occupies pushes a ceiling down; this frame adds the step before it — which hue the ceiling belongs to is settled before any grey is laid. To estimate a palette's ceiling, look first at which side of the wheel the dominant hue sits on, and count the grey afterwards.

Take these colours with you

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

/* Chouji's House in Bright Daylight · Chouji's House in Bright Daylight — Teyvat Palette */
:root {
  --meadow-green: oklch(0.68 0.138 155); /* Meadow Green #42b172 */
  --thatch-straw: oklch(0.73 0.068 88); /* Thatch Straw #baa676 */
  --cliff-teal: oklch(0.54 0.072 185); /* Cliff Teal #367c74 */
  --sky-blue: oklch(0.75 0.097 235); /* Sky Blue #6db8e3 */
  --far-haze: oklch(0.76 0.087 216); /* Far Haze #6bbfd4 */
  --step-stone: oklch(0.68 0.042 119); /* Step Stone #959c7f */
  --gradient-choujis-house: linear-gradient(180deg, oklch(0.75 0.097 235) 0%, oklch(0.76 0.087 216) 14%, oklch(0.54 0.072 185) 34%, oklch(0.73 0.068 88) 52%, oklch(0.68 0.042 119) 72%, oklch(0.68 0.138 155) 100%);
}

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