Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Wangshan Hall, Main Hall in Thin Teal
LiyueStillSolemnAged

Wangshan Hall, Main Hall in Thin Teal

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%0d191530%4d787648%7ca99e70%324632100%152923

Why it works

What decides whether a hue is recognised is not how saturated it is, but whether a second hue turns up to contradict it: this hall's chroma median is only 0.026 — the achromatic threshold is 0.025 — and 47.66% of its pixels count formally as grey, yet it is unmistakably a teal-green hall, because across the whole picture there is not one pixel between 270° and 45°.

01

The median sits 0.001 above grey

Chroma median 0.026, achromatic threshold 0.025; 99% of pixels fall below 0.063 and the frame's peak is only 0.152. By the numbers this is very nearly a greyscale image, and nobody reads it as grey. The same hall seen from outside, 〈Wangshan Hall, Mossglow〉, has a chroma median of 0.042 and 26.60% achromatic — 1.6× and half of these — and both are equally unambiguous. If a factor of 1.6 does not change the verdict, this is not the number delivering it.

02

Having no rival is why it holds

Search the whole frame for 270°–45° and not a single pixel matches; in the 330°–90° warm window the most chromatic 3% amounts to 8 pixels, mean 86°, chroma 0.097; the blue band is 0.19%. Everything else is shut inside 90°–210°: the green band at 19.90% (142°), the teal band at 32.22% (179°), and with 47.66% achromatic on top, the hundred percent is spent. 〈Salacia Plain Underwater〉 carries a chroma median of 0.131 — 5× this one — and reads as "a field of watery green" no more certainly than this hall reads teal. What the two share is not chroma; it is exclusivity.

03

Even the lanterns have been enlisted

The row of bronze lanterns along the terrace rim and the one before the steps are the only fire in the room, and also the frame's chroma peak of 0.152: 35 of the 4000 brightest pixels sit on that near lantern at (0.46, 0.61) at L 0.83 — higher than the 0.75 where the shaft strikes the terrace. Yet they measure 94°: yellow-green, not amber. The one thing in the hall entitled to contradict the scheme has walked into the same family of its own accord. When you are holding a low-chroma tone, the danger is never the large areas — it is the few small bright point lights; enlist their hues too and 0.026 will carry a whole picture, while a single saturated rival collapses that same 0.026 back to grey.

Take these colours with you

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

/* Wangshan Hall, Main Hall in Thin Teal · Wangshan Hall, Main Hall in Thin Teal — Teyvat Palette */
:root {
  --hall-teal: oklch(0.26 0.028 173); /* Thin Hall Teal #152923 */
  --lit-terrace: oklch(0.7 0.052 177); /* Lit Terrace #7ca99e */
  --shaft-beam: oklch(0.54 0.047 193); /* The Shaft #4d7876 */
  --vine-green: oklch(0.37 0.042 145); /* Vine Green #324632 */
  --lantern-flame: oklch(0.72 0.108 94); /* Lantern Flame #bba34f */
  --hall-ink: oklch(0.2 0.019 171); /* Hall Ink #0d1915 */
  --gradient-wangshan-hall-main-hall: linear-gradient(180deg, oklch(0.2 0.019 171) 0%, oklch(0.54 0.047 193) 30%, oklch(0.7 0.052 177) 48%, oklch(0.37 0.042 145) 70%, oklch(0.26 0.028 173) 100%);
}

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