
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 165° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
The edge of something that emits its own light does not darken, it rotates in hue. Follow one crystal column from core to base and lightness falls from 0.93 to 0.63 while chroma barely moves (0.182 → 0.126) — what falls is hue, travelling 114° to 186°, straight toward the cavern wall's ambient 225°.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Geode Mine Shaft by Crystal Light · Geode Mine Shaft by Crystal Light — Teyvat Palette */
:root {
--cavern-blue: oklch(0.32 0.048 225); /* Cavern Blue #133845 */
--crystal-foot: oklch(0.63 0.126 186); /* Crystal Foot #00a194 */
--crystal-body: oklch(0.78 0.137 127); /* Crystal Body #a0c762 */
--crystal-core: oklch(0.93 0.182 114); /* Crystal Core #e7f54f */
--still-water: oklch(0.58 0.075 189); /* Still Water #3d8983 */
--gradient-geode-mine-shaft: linear-gradient(165deg, oklch(0.93 0.182 114) 0%, oklch(0.78 0.137 127) 30%, oklch(0.63 0.126 186) 62%, oklch(0.32 0.048 225) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.