Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Land of Upper Setekh at Dusty Noon
SumeruDayBakingHemmed inAncient

Land of Upper Setekh at Dusty Noon

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%c1c8f118%7d6b9440%95778058%8c666c76%9a5f5c100%9b7050

Why it works

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.

01

Six hues present, none of them shouting

Yellow 27.75%, orange 21.19%, red 19.65%, violet 10.37%, pink 10.04%, blue 8.18% — no band under 8%, with 131° between the yellow at 55° and the violet at 284°, and no grey in between: achromatic pixels come to 2.81%. It stays quiet because the six bands' mean chroma all sit between 0.048 and 0.066, a spread of 0.018, and the frame's C p99 is only 0.089. The Adventurers' Guild (Fontaine) study already made the point that you can stay quiet without laying grey by lowering the ceiling — but that was an interior at 4.59% achromatic with Cmax 0.157. Here both crutches are kicked away, less grey and more scattered hues, and with the ceiling at 0.121 the rule still holds. The number of hues was never the variable that sets loudness.

02

There is no grey, only an under-saturated red

The banded cliff at the centre of the canyon averages L 0.55, chroma 0.050, hue 8° over 72518 pixels; the pale strata running across its face look grey-white, yet the rectangle holds not a single pixel between 150° and 300°. The most nearly neutral mass in the frame is not grey either — it is the spherical ancient relic lying in the canyon's heart, tangled in dead roots, at chroma 0.039: below the red rock, below the sand's 0.071, below the sky's 0.059. With the ceiling low enough, a low-chroma red will stand in for grey as the field that gets out of the way. When you want a neutral surface without opening a new family on the wheel, push a hue you already have below 0.04 and it starts doing grey's job by itself.

03

The peak is only 2.1× the median

Of the 4000 most saturated pixels, 2168 land at 25°, mean chroma 0.095 — the red cliff in the upper right taking direct sun (L 0.55, C 0.077, h 23° across the block). The frame's peak is 0.121, just 2.1× the chroma median of 0.058. The same ratio on Dragonspine is 5.4× (0.185 against 0.034): that picture saves its chroma budget so a handful of pixels can spend it, which is why it has to lay grey over four tenths of the frame first. This one spreads the budget thinly over every pixel, so it needs to keep none. Set the ceiling before you pick hues — with the ceiling inside 0.12, the whole wheel is available to you.

Take these colours with you

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.