
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 same measurement, the opposite result: on Hiisi Island the brightest 4000 pixels all sat on the light sources (L 0.96, chroma 0.020–0.031); here 3817 of them land in a patch of empty mist on the left (L 0.87, chroma 0.049) — while the two things actually emitting, the violet core in the rock at L 0.66 and the blue shaft under the cliff at L 0.48, carry chroma 0.209 and 0.210. When the ground itself already has colour, glowing can only be said in chroma.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Ashveil Peak in Evening Haze · Ashveil Peak in Evening Haze — Teyvat Palette */
:root {
--dusk-haze: oklch(0.75 0.071 314); /* Dusk Haze #bfa1ce */
--cloud-crown: oklch(0.49 0.07 306); /* Cloud Crown #6a5680 */
--scarp-violet: oklch(0.33 0.087 277); /* Scarp Violet #2b2f61 */
--abyss-core: oklch(0.66 0.209 313); /* Abyss Core #be62eb */
--beacon-blue: oklch(0.48 0.21 269); /* Beacon Blue #3149d1 */
--camp-ochre: oklch(0.6 0.053 41); /* Camp Ochre #9c7668 */
--gradient-ashveil-peak: linear-gradient(180deg, oklch(0.49 0.07 306) 0%, oklch(0.75 0.071 314) 28%, oklch(0.48 0.077 301) 62%, oklch(0.33 0.087 277) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.