SumeruDayDesolateParchedViolet haze

Desert of Hadramaveth, Sandstorm

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%b7c3f938%c49b9170%966f80100%93645d

Why it works

The desert is not yellow: the largest hue band in the frame is 39% violet haze, the second 19% rusted red, and the intuitive “desert yellow” does not reach 3% — half of an environment's colour is the colour of its air. Realism begins in the atmosphere, not in the material.

The biggest hue band is violet

38.7% of pixels land in 260°–330° (mean around 275°): dust suspended in the air dyes the sky and the far ranges alike into violet haze. Paint the air before the environment — a material's own colour is only ever seen through atmosphere, and skipping the atmosphere to lay the material colour down directly is exactly where “fake” comes from.

Warm rock turns magenta in shadow

In the same stratum the lit face measures 34° (orange-leaning) and the shaded face 351° (magenta-leaning) — the hue has rotated some 43° with the light, and the shadow is not “a blacker orange”. Letting a warm material's shadow drift to magenta instead of crushing it towards black is why this desert reads as hot rather than dirty.

Yellow is only a rumour

The closest thing to desert yellow in the frame is a few clumps of dry scrub at 96°, C 0.064, under 3% together; the sand itself measures a dark rusted brown at 29°. Next time you build a desert palette, start from violet haze and rusted red and keep yellow as an accent — it will be far more believable than a screenful of ochre.

Take these colours with you

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

/* Desert of Hadramaveth, Sandstorm · Desert of Hadramaveth, Sandstorm — Teyvat Palette */
:root {
  --dust-violet: oklch(0.826 0.078 274.6); /* Violet Haze #b6c3f9 */
  --rust-lit: oklch(0.724 0.051 34.4); /* Rusted Rock #c49b91 */
  --rust-shadow: oklch(0.586 0.055 350.7); /* Crimson Rock #966f80 */
  --sand-umber: oklch(0.551 0.062 29.4); /* Sand Brown #93645d */
  --dry-gold: oklch(0.548 0.064 95.7); /* Withered Gold #7c7145 */
  --gradient-desert-of-hadramaveth: linear-gradient(180deg, oklch(0.826 0.078 275) 0%, oklch(0.724 0.051 34) 38%, oklch(0.586 0.055 351) 70%, oklch(0.551 0.062 29) 100%);
}

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