LiyueDayBrightHigh autumnMarket noise

Adventurers' Guild Liyue in Autumn Sun

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%41a8e612%ba732d38%5c714a62%525b52100%334d4e

Why it works

What 42.38% neutral buys here is the absence of a dominant hue: yellow 17.30%, green 15.89%, blue 18.70% — a spread of only 2.81 points across the three bands, with the frame's chroma median pressed down to 0.030. If you want several hues to stand as equals, raise the grey budget to four tenths first: one-leader-two-followers costs less grey than a three-way split.

Three-way split, and no one is the lead

Yellow 17.30% (mean hue 68°, chroma 0.080) is the ginkgo and the sunlit timber; green 15.89% (131°, 0.063) is the roof tiles, banners and vines; blue 18.70% (237°, 0.083) is the sky — a spread of 2.81 points. Measured with the same ruler (chroma 0.025), Dragonspine comes out at 39.47% neutral, and its hues are one leader and two followers: blue 39.98%, yellow 8.35%, cyan 4.52%. The extra 2.91 points of grey spent here do not buy more harmony; they buy a picture in which none of the three hues is the protagonist.

Colour in the top half, grey in the bottom half

The bottom 38% of the frame averages chroma 0.037: the deck in front is L 0.40, chroma 0.032, hue 197°; the shopfront plaster L 0.46, chroma 0.018, hue 145°; the railing L 0.37, chroma 0.020, hue 106°. All three hues grow above eye level, and the half of the ground the viewer stands on has no colour at all. Neutral near, hue far is the cheapest arrangement that lets a multi-hue picture hold together.

Only a colourless light lets grey survive

The sky is L 0.70, chroma 0.130, hue 239°; the ginkgo's 38857 warm pixels are L 0.62, chroma 0.122, hue 61° — 178° apart, near opposites — and yet the timber and stone beneath them measure chroma 0.032, because noon light carries no colour of its own and tints neither side. Take the same rectangle over the flagstones of the Inazuma guild and it reads chroma 0.058, hue 46°; here it reads 0.032, 197°. The moment the light takes on a colour, 42.38% neutral collapses to 8.09%. Whitespace is not painted, it is permitted by the light.

Take these colours with you

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

/* Adventurers' Guild Liyue in Autumn Sun · Adventurers' Guild Liyue in Autumn Sun — Teyvat Palette */
:root {
  --clear-sky: oklch(0.7 0.13 239); /* Clear Sky #41a8e6 */
  --ginkgo-gold: oklch(0.62 0.122 61); /* Ginkgo Gold #ba732d */
  --glazed-green: oklch(0.52 0.063 131); /* Glazed Green #5c714a */
  --plaster-white: oklch(0.46 0.018 145); /* Plaster White #525b52 */
  --deck-grey: oklch(0.4 0.032 197); /* Deck Grey #334d4e */
  --gradient-adventurers-guild-liyue: linear-gradient(180deg, oklch(0.7 0.13 239) 0%, oklch(0.62 0.122 61) 12%, oklch(0.52 0.063 131) 38%, oklch(0.46 0.018 145) 62%, oklch(0.4 0.032 197) 100%);
}

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