
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.
Quiet is not bought with grey, it is bought with a ceiling: six hue bands take 8%–28% each and 97.18% between them, genuine neutral amounts to 2.81%, and not one pixel crosses chroma 0.121 — the peace Dragonspine paid 39.47% grey for is paid here by holding the chroma ceiling down.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Land of Upper Setekh at Dusty Noon · Land of Upper Setekh at Dusty Noon — Teyvat Palette */
:root {
--bedded-ochre: oklch(0.55 0.05 8); /* Bedded Ochre #8c666c */
--dune-flank: oklch(0.58 0.071 57); /* Dune Flank #9b7050 */
--sunstruck-red: oklch(0.55 0.077 23); /* Sunstruck Red #9a5f5c */
--dusty-sky: oklch(0.84 0.059 278); /* Dusty Sky #c1c8f1 */
--eaves-shade: oklch(0.56 0.066 305); /* Eaves Shade #7d6b94 */
--faded-relic: oklch(0.6 0.039 359); /* Faded Relic #957780 */
--gradient-land-of-upper-setekh: linear-gradient(180deg, oklch(0.84 0.059 278) 0%, oklch(0.56 0.066 305) 18%, oklch(0.6 0.039 359) 40%, oklch(0.55 0.05 8) 58%, oklch(0.55 0.077 23) 76%, oklch(0.58 0.071 57) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.