Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Ashveil Peak, Cavern Glow
Nod-KraiDeep and dimDampAlive

Ashveil Peak, Cavern Glow

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%05151240%08624572%048266100%38bb59

Why it works

Light and colour can come from two different places. The brightest part of this cave is its opening — 2903 of the frame's brightest 4000 pixels land there, averaging L 0.79 — and its chroma is 0.034, exactly the frame's median. The things that actually hold colour sit furthest from it: the lily pads on the water measure L 0.70 at chroma 0.178. The opening supplies brightness only; the colour is grown.

01

The brightest opening gives no colour at all

The opening is a vertical rift on the right, half curtained by hanging vines and bell flowers, with a single figure standing before it; the daylight coming through is the only external source in the frame. It owns brightness outright — 2903 of the brightest 4000 pixels sit at (0.72, 0.52), averaging L 0.79 — and carries no colour whatsoever. Those pixels measure chroma 0.034, precisely the frame's median chroma of 0.034; the opening as a whole reads L 0.61 at chroma 0.030, and even its own most saturated 3% only reaches 0.081. The brightest place is no more coloured than the average one.

02

The colour was grown, not shone in

Every one of the most chromatic pixels sits in the raft of lily pads on the water at (0.45, 0.71) — the point furthest from the opening, where no daylight reaches — measuring L 0.70 at chroma 0.178, peaking at 0.199. The bell flowers and vines hanging in from the upper left light themselves too: L 0.69, chroma 0.137, hue 117°. The rock genuinely yields nothing: the wall on the right measures L 0.18 at chroma 0.024, the vault L 0.18 at 0.025, both pressed against the grey threshold of 0.025. Hezhe Post was the same rock and timber — 75.1% achromatic at a median chroma of 0.011 — but its colour was borrowed entirely through two openings. Here the opening has no colour of its own, so colour is left with a single provenance: growing it.

03

A price list for two kinds of light

Daylight's territory is the cyan band at 17.35% (chroma 0.037) plus the blue band at 13.59% (chroma 0.046), 30.94% of the frame between them, barely over the grey threshold. Bioluminescence's territory, the green band, covers 36.15% at a mean chroma of 0.073 and a peak of 0.199. Almost the same area; two to four times the chroma. That is the price list. And it needs no great absolute value: Evening Haze, outside this cave, has a median chroma of 0.084, so a source must climb to 0.209 before it reads as emitting; here the median is 0.034 and 0.178 is enough. Glow is the ratio of ceiling to floor, not the height of the ceiling. To make something in a dark interface read as coloured, do not reach for the ambient light — let the element emit, and lower the floor first.

Take these colours with you

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

/* Ashveil Peak, Cavern Glow · Ashveil Peak, Cavern Glow — Teyvat Palette */
:root {
  --cavern-rock: oklch(0.18 0.024 179); /* Cavern Rock #051512 */
  --daylight-gap: oklch(0.79 0.034 238); /* Daylight Gap #a7bece */
  --lilypad-glow: oklch(0.7 0.178 148); /* Lilypad Glow #38bb59 */
  --hanging-bell: oklch(0.69 0.137 117); /* Hanging Bell #96a634 */
  --pool-moss: oklch(0.44 0.091 164); /* Pool Moss #086245 */
  --rift-blue: oklch(0.51 0.05 221); /* Rift Blue #456d7a */
  --gradient-lunar-treasury-ashveil-peak-location-context: linear-gradient(180deg, oklch(0.18 0.024 179) 0%, oklch(0.44 0.091 164) 40%, oklch(0.54 0.105 171) 72%, oklch(0.7 0.178 148) 100%);
}

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