Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Land of Lower Setekh in Thin Daylight
SumeruDayWide openThin hazeSettled

Land of Lower Setekh in Thin Daylight

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%d0d9fd26%def2fd46%c699a960%7866c476%8f5b7c88%b28178100%ad754b

Why it works

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.

01

The brightest place has no colour at all

Of the 4000 brightest pixels, 3999 crowd into a single cell at (0.92, 0.43): L 1.00, chroma capped at 0.007. That is the horizon on the right where the valley disappears into haze — measured as a block, L 0.95, C 0.026. Direct light in this picture is white, and it washes chroma out of whatever it touches: the sunlit top of the great mushroom rock in the middle distance reads L 0.73, chroma 0.058, still below the frame's chroma median of 0.062.

02

Only one light has colour, and it is the sky

The sky measures 274° across, L 0.89, chroma 0.051. Shaded faces have no second source, so all of them fall toward violet: the left cliff at L 0.54, chroma 0.081, hue 342°, its most saturated 3% already out at 315°; the right cliff at L 0.56, chroma 0.086, its most saturated 3% at 296° and chroma 0.119. Of the frame's 4000 most saturated pixels, 3844 land between 270° and 300°, mean chroma 0.141, mean lightness 0.57, peaking at 0.172 — under 22° from the only source lighting them. A shadow here does not subtract colour; it swaps the lamp.

03

The extra 0.051 all went to the shade

The most saturated thing the sun actually reaches is the foreground dune along the bottom edge: L 0.61, chroma 0.091, 57° — a third below the shaded cliff's 0.141. Even the striped awnings in the village on the valley floor, the things in the frame most eager to be seen, peak at only 0.117. Land of Upper Setekh is the same rock under the same sun with a chroma ceiling of 0.121; here it is 0.172, and not a gram of the extra 0.051 went to the light. When you want a patch to be highly saturated without it turning false, give it a position lit only by the coloured source — that reads far truer than turning its own saturation up.

Take these colours with you

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.