Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Kanjou Commission, Clear Autumn
DayBracingVividOrderly

Kanjou Commission, Clear Autumn

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%e5f4ff16%84b9da34%97c9e156%3e516978%a9455d100%858f5d

Why it works

The brightest and the most chromatic are not merely different things here — they fall on opposite sides of the lightness median. The most chromatic 4000 pixels average L 0.57, which is 0.07 below the frame's median of 0.64, and their centroid sits on the crimson maples of the left slope; the brightest 4000 carry a chroma of only 0.022 and are that bank of cloud at upper left. Two more pictures in this batch are equally sunlit daylight and both put their top clump on the bright side (Nasha Town's antigravity rings at 0.63 against a median of 0.50, Sumeru Akademiya's sunlit sward at 0.72 against 0.63). Which side of the median a clump of colour stands on reports whether it is strong by its own pigment or strong by light — so when you paint something that already has a colour of its own, do not brighten it on the way past.

01

The strongest clump is on the dark side

Of the frame's most chromatic 4000 pixels, 3939 fall in 0°–30°, averaging L 0.57 / chroma 0.171, with their centroid reported at (0.30, 0.53) — the largest crimson maple on the left slope. The brightest 4000 are 2685 pixels at (0.31, 0.09) and 1315 at (0.43, 0.11), one and the same bank of cloud, with chroma of only 0.022 and 0.019. The frame's lightness median is 0.64: the most chromatic clump sits 0.07 below it, the brightest clump 0.32 above. The two extremes land not only on two different objects but on two sides of the median — and this picture has exactly one sun from start to finish.

02

The redder the tree, the darker it is

The clumps on the left slope are three stages of one autumn, and the three hue bands move together: red 345°–15° holds 4.42% at hue 6° / chroma 0.113 / lightness 0.53; orange 15°–45° holds 3.86% at 27° / 0.101 / 0.59; yellow 45°–90° holds 1.42% at 60° / 0.089 / 0.67. Hue travels 54°, chroma drops 0.024, lightness rises 0.14 — the reddest clump is both the strongest and the darkest. Measure only the maple patch (from 0.20, 0.45) inside 345°–30° and its 20465 pixels average L 0.53 / chroma 0.132; even its most chromatic 3% (1106 pixels) reaches no further than L 0.60, still under 0.64. The leaves are red on their own; they were not lit red.

03

Use the lightness median as a ruler

This ruler needs no visible light source in the frame. 〈Wangshan Hall, Moss Light〉judged 'it is glowing' by having the moss pool beat the skylight in both lightness and chroma, which presumes the skylight is on screen; here all you need is a median, and the median comes free — the blue band holds 59.49% at a mean chroma of 0.058, matching the frame median of 0.058 to the last digit, while the black tiles (from 0.42, 0.20) read 0.046 and the stone forecourt (from 0.55, 0.85) reads 0.024. Six tenths of the picture has given its strength away cleanly. What was given away went to the trees: the warm window 330°–90° holds 89118 pixels (10.12%) at a mean of 0.104, 1.79 times the median — and they did not brighten along with it. Before painting something whose own colour is strong, measure which side of the lightness median it falls on; land on the bright side and the reader reads 'there is light there' rather than 'that is red'.

Take these colours with you

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

/* Kanjou Commission, Clear Autumn · Kanjou Commission, Clear Autumn — Teyvat Palette */
:root {
  --maple-crimson: oklch(0.53 0.132 8); /* Maple Crimson #a9455d */
  --amber-maple: oklch(0.67 0.114 47); /* Amber Maple #ce7e55 */
  --bank-grass: oklch(0.63 0.072 118); /* Bank Grass #858f5d */
  --clear-sky-blue: oklch(0.76 0.073 236); /* Clear Sky Blue #84b9da */
  --far-shoal-haze: oklch(0.81 0.062 228); /* Far Shoal Haze #97c9e1 */
  --commission-tile: oklch(0.43 0.046 254); /* Commission Tile #3e5169 */
  --cumulus-white: oklch(0.96 0.022 240); /* Cumulus White #e5f4ff */
  --gradient-kanjou-commission: linear-gradient(180deg, oklch(0.96 0.022 240) 0%, oklch(0.76 0.073 236) 16%, oklch(0.81 0.062 228) 34%, oklch(0.43 0.046 254) 56%, oklch(0.53 0.132 8) 78%, oklch(0.63 0.072 118) 100%);
}

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