
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.
A light source does not have to be the brightest thing in the frame — it can even be darker than the ordinary places in it. The sacred flame at the arena's centre measures L 0.62, chroma 0.165, sitting 0.09 below the frame's median lightness of 0.71, and yet up against the ceiling of its chroma. The bright end was taken long ago by the medium: the brightest 4000 pixels sit at L 1.00, chroma 0.002, with 3,106 of them packed into the blown-out cloud at upper right. Ashveil Peak in Evening Haze argued the same sentence on evidence one notch back — its violet core at L 0.66 and its blue light column at L 0.48 both still stood above that picture's median lightness of 0.38. Here the source drops below the median.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Stadium of the Sacred Flame in Bright Haze · Stadium of the Sacred Flame in Bright Haze — Teyvat Palette */
:root {
--blown-white: oklch(0.98 0.01 226); /* Blown White #f2fafe */
--canyon-haze: oklch(0.8 0.066 236); /* Canyon Haze #95c5e3 */
--banner-blue: oklch(0.49 0.184 262); /* Banner Blue #1e57c6 */
--sacred-flame: oklch(0.62 0.165 28); /* Sacred Flame #d7564a */
--cliff-ochre: oklch(0.54 0.044 339); /* Cliff Ochre #806577 */
--terrace-green: oklch(0.84 0.067 136); /* Terrace Green #b7d5aa */
--gradient-stadium-of-the-sacred-flame: linear-gradient(180deg, oklch(0.98 0.01 226) 0%, oklch(0.8 0.066 236) 22%, oklch(0.49 0.184 262) 52%, oklch(0.62 0.165 28) 74%, oklch(0.54 0.044 339) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.