
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 most saturated patch belongs to the shadow, not to the light: the 4000 brightest pixels top out at chroma 0.007, while the 4000 most saturated crouch at L 0.57 against a frame median of 0.74. The sun is white and the sky is violet at 274° — when one of your two light sources has colour and the other does not, don't look for the most saturated place where the sun landed, look where it could not.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Land of Lower Setekh in Thin Daylight · Land of Lower Setekh in Thin Daylight — Teyvat Palette */
:root {
--hazed-sky: oklch(0.89 0.051 274); /* Hazed Sky #d0d9fd */
--backlit-violet: oklch(0.57 0.141 290); /* Backlit Violet #7866c4 */
--cliff-shadow-rose: oklch(0.54 0.081 342); /* Cliff-Shadow Rose #8f5b7c */
--bleached-horizon: oklch(0.95 0.026 232); /* Bleached Horizon #def2fd */
--sunlit-caprock: oklch(0.73 0.058 356); /* Sunlit Caprock #c699a9 */
--near-dune-gold: oklch(0.61 0.091 57); /* Near-Dune Gold #ad754b */
--village-clay: oklch(0.65 0.063 30); /* Village Clay #b28178 */
--gradient-land-of-lower-setekh: linear-gradient(180deg, oklch(0.89 0.051 274) 0%, oklch(0.95 0.026 232) 26%, oklch(0.73 0.058 356) 46%, oklch(0.57 0.141 290) 60%, oklch(0.54 0.081 342) 76%, oklch(0.65 0.063 30) 88%, oklch(0.61 0.091 57) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.