
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.
Where there is no daylight, the colour of a large surface belongs to the light and not to the material. One and the same sandstone reads L 0.68, chroma 0.102, hue 56° on the pillar face that squares up to the sand, and L 0.25, chroma 0.023, hue 103° on the vault the light never reaches — the material never changes once along the way, yet hue travels a monotonic 47° and chroma falls to a quarter. A cavern's ambient colour is not the rock's own colour; it is the hue that remains once the light has run out.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Wenut Tunnels by Sandlight · Wenut Tunnels by Sandlight — Teyvat Palette */
:root {
--sandlight-gold: oklch(0.62 0.092 74); /* Sandlight Gold #a77d43 */
--lit-pillar: oklch(0.68 0.102 56); /* Lit Pillar #c88758 */
--dust-mote: oklch(0.84 0.103 101); /* Dust Mote #d9cd7c */
--arch-underside: oklch(0.32 0.036 88); /* Arch Underside #3a321d */
--unlit-vault: oklch(0.25 0.023 103); /* Unlit Vault #242215 */
--far-passage: oklch(0.49 0.047 119); /* Far Passage Green #5d6446 */
--gradient-wenut-tunnels: linear-gradient(180deg, oklch(0.25 0.023 103) 0%, oklch(0.32 0.036 88) 42%, oklch(0.68 0.102 56) 74%, oklch(0.62 0.092 74) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.