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