
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.
Grey is not a colour but a balance: the difference two colour temperatures leave on one surface after cancelling out. This cavern has exactly one light, so it cannot produce a single grey pixel — 0.00% achromatic, and a 255°-wide window on the wheel (`270°–165°`) returns nothing matched. If you want a neutral surface, start by counting the lights in the picture.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Spiritstone in a Lone Light · Spiritstone in a Lone Light — Teyvat Palette */
:root {
--cavern-blue: oklch(0.38 0.065 233); /* Cavern Blue #17485f */
--far-rock: oklch(0.29 0.051 236); /* Far Rock #0d2f41 */
--near-rock: oklch(0.48 0.068 232); /* Near Rock #31647d */
--pillar-blue: oklch(0.63 0.094 230); /* Pillar Blue #4494b7 */
--core-cyan: oklch(0.86 0.106 196); /* Core Cyan #72e7e8 */
--gradient-spiritstone: linear-gradient(180deg, oklch(0.29 0.051 236) 0%, oklch(0.86 0.106 196) 25%, oklch(0.63 0.094 230) 50%, oklch(0.48 0.068 232) 75%, oklch(0.35 0.059 225) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.