Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Chamber of Weaving in Dim Light
NatlanCavernousSolemnFaintly lit

Chamber of Weaving in Dim Light

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%2f4d6828%8e8dcf44%f88c6866%3952b986%343649100%3e3231

Why it works

Laying down grey does not buy quiet, it buys the drop under a focus: 41.61% of this chamber's pixels fall below chroma 0.025 and the chroma median is pressed to 0.028, while its chroma peak is 0.199 — within 0.011 of the 0.204 / 0.207 / 0.210 of the three open-air Natlan pictures in the same batch. The grey took nothing off the ceiling; all it took was the median, which is why the quota — p99 minus median — reaches 0.125, the highest of the four. To make a colour ring, first find a surface that will keep quiet.

01

Four-tenths grey is shadow, not haze

The unlit face of the two near arches measures L 0.33 / chroma 0.017; the lit hall through the archway is L 0.66 / chroma 0.111 — the grey here is a full half darker than the colour. Grey made of air loses chroma while gaining lightness (the sandstone of Mt. Damavand in Dust Veil goes 0.056→0.019 while L goes 0.63→0.82); this grey loses both at once, because it is matter the light never reached. So it pays no tax on the ceiling: Damavand's 16.43% dust veil pushed the peak down to 0.091, while 41.61% of shadow here leaves the peak at 0.199. To save median without surrendering peak, use shadow, not haze.

02

The same blue, twice as loud

The 210°–270° band covers 22.36%, and its most chromatic 3% (5,906 pixels) measures L 0.48 / chroma 0.164; the picture's peak of 0.199 sits in that band too, on the lit blue drape to the right of the tapestry. That 0.164 is nothing remarkable in itself — the most chromatic sky in Toyac Springs in Turquoise Daylight, from the same batch, is 0.162, all but the same. What differs is the floor noise: a chroma median of 0.028 here against 0.101 there, so the same blue minus its own median is 0.136 against 0.061. Being noticed is a difference, not an absolute. Push the median down and the peak rings twice as loud without gaining a single point.

03

The 1.00% of warmth is all one tapestry

Red, orange and yellow together come to 1.00%; the 15°–75° warm window holds 4,281 pixels, whose most chromatic 3% measures L 0.75 / chroma 0.141 / hue 39°. And of the brightest 4,000 pixels in the picture, 3,325 crowd into the single cell at (0.48, 0.48) with a mean hue of 44° — the tapestry hung dead centre between the two great arches, a ring of orange-gold flame wrapped around the figure at its heart. Its 0.141 is still 0.058 short of the 0.199 ceiling, and it is the only focus in the frame all the same. With the quota saved up, a focus need not be the most chromatic thing — it only needs everything around it to stay silent.

Take these colours with you

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

/* Chamber of Weaving in Dim Light · Chamber of Weaving in Dim Light — Teyvat Palette */
:root {
  --arch-shadow: oklch(0.33 0.017 23); /* Arch Shadow #3e3231 */
  --step-stone: oklch(0.34 0.032 279); /* Step Stone #343649 */
  --canopy-blue: oklch(0.41 0.057 246); /* Canopy Blue #2f4d68 */
  --hall-blue: oklch(0.48 0.164 269); /* Hall Blue #3952b9 */
  --banner-violet: oklch(0.67 0.097 284); /* Banner Violet #8e8dcf */
  --woven-gold: oklch(0.75 0.141 39); /* Woven Gold #f88c68 */
  --gradient-chamber-of-weaving: linear-gradient(180deg, oklch(0.41 0.057 246) 0%, oklch(0.67 0.097 284) 28%, oklch(0.75 0.141 39) 44%, oklch(0.48 0.164 269) 66%, oklch(0.34 0.032 279) 86%, oklch(0.33 0.017 23) 100%);
}

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