
Click a swatch to copy its HEX; hover for the OKLCH value.
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.
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.
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.