
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.
When the air is more saturated than the nearest patch of ground, the picture no longer has a foreground: Damavand's sky measures chroma 0.080 while the dunes along the bottom edge reach only 0.052, and 3995 of the 4000 most chromatic pixels are sky at 279°. Measured on the same ruler, the same Sumeru desert in Desert of Hadramaveth, Sandstorm carries its violet haze at chroma 0.075 with just 1.87% achromatic and a ceiling of 0.120; Damavand's curtain of dust bleaches instead — 16.43% achromatic, ceiling down to 0.091. To paint a dust storm that swallows the viewer too, don't merely fade the distance: push the nearest ground below the sky's chroma as well, or the viewer is watching from outside the curtain.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Mt. Damavand behind a Curtain of Dust · Mt. Damavand behind a Curtain of Dust — Teyvat Palette */
:root {
--haze-violet: oklch(0.77 0.08 279); /* Haze Violet #a9afe7 */
--dust-column: oklch(0.77 0.034 348); /* Dust Column Rose #c6acb8 */
--dune-ochre: oklch(0.63 0.056 48); /* Dune Ochre #a67f6c */
--far-ridge-grey: oklch(0.82 0.019 329); /* Far Ridge Grey #cbc0ca */
--lone-cloud: oklch(0.95 0.009 192); /* Lone Cloud White #e8f0f0 */
--gradient-mt-damavand: linear-gradient(180deg, oklch(0.77 0.08 279) 0%, oklch(0.77 0.034 348) 30%, oklch(0.82 0.019 329) 55%, oklch(0.63 0.056 48) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.