InazumaDuskHushedLingering warmthFalling petals

Adventurers' Guild Inazuma at Sunset

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%ee876d30%39202752%45254766%e59739100%7f5947

Why it works

The moment the light has a colour, the neutral budget goes to zero. Take the same rectangle over the ground in front of the counter: here it reads chroma 0.058 at hue 46°, while the Mondstadt frame reads 0.022 at 201°. Only 8.09% of this picture stays neutral, so it re-spends every bit of contrast it could not save on chroma instead — median 0.053, peak 0.231, both the highest of the four guilds.

The ground is part of the sunset too

The flagstones in front of the counter are L 0.50, chroma 0.058, hue 46° — only 11° from the western sky overhead (L 0.73, chroma 0.132, hue 35°). This is not grey lit by a sunset; it is a piece of the sunset. Orange 51.19% plus red 17.72% packs 68.91% of the frame into two adjacent bands between 345° and 45°, and neutral collapses to 8.09%. A coloured light will not leave you any whitespace; to keep a neutral under one, you have to build a second light source pointing the other way.

It looks indigo; it measures 312°

Two noren hang in front of the counter, and the eye reports indigo. The left one measures L 0.28, chroma 0.065, hue 312°; the right, L 0.32, chroma 0.071, hue 325° — both violet-red. The whole frame holds 8 pixels in the 210°–270° blue band. The sunset dragged even the coldest cloth in the picture past 300°; it reads blue only because it is the thing furthest from the warm end in this particular field. A picture this thoroughly dyed has no primaries left, only rankings.

If you cannot save grey, spend on chroma

Chroma median 0.053, p99 0.160, peak 0.231, with lightness stretched from p01 0.19 to p99 0.80 — the only one of the four that reads as rich. Its richness is not a wealth of hues but the opposite: hues squeezed down to a single family, with the freed contrast budget handed entirely to L and C. The Fontaine frame in the same set keeps even less neutral (4.59%) and stays unsaturated by holding chroma p99 to 0.109. Neutral area and the chroma ceiling are two interchangeable knobs, and at least one has to come down. This picture turned neither.

Take these colours with you

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

/* Adventurers' Guild Inazuma at Sunset · Adventurers' Guild Inazuma at Sunset — Teyvat Palette */
:root {
  --sunset-sky: oklch(0.73 0.132 35); /* Sunset Orange #ee876d */
  --lantern-glow: oklch(0.74 0.141 67); /* Lantern Glow #e59739 */
  --dark-timber: oklch(0.28 0.04 2); /* Dark Timber #392027 */
  --noren-violet: oklch(0.32 0.071 325); /* Noren Violet #452547 */
  --warm-flagstone: oklch(0.5 0.058 46); /* Warm Flagstone #7f5947 */
  --gradient-adventurers-guild-inazuma: linear-gradient(180deg, oklch(0.73 0.132 35) 0%, oklch(0.28 0.04 2) 30%, oklch(0.32 0.071 325) 52%, oklch(0.74 0.141 67) 66%, oklch(0.5 0.058 46) 100%);
}

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