
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.
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°.
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.