
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.
A fog's chroma gradient is ordered around the light source, not around the eye. Walking outward from the false sun, lightness falls all the way from 0.99 to 0.46 while chroma runs the other way, from 0.005 up to 0.058, and hue rotates from 60° to 247°. The Nostoi Region study reads the same kind of fog and finds it brighter with distance (0.72 → 0.87) and paler with distance (0.106 → 0.079) — the two studies carry opposite signs because the variable doing the sorting has been swapped.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Dainichi Mikoshi in White Glare · Dainichi Mikoshi in White Glare — Teyvat Palette */
:root {
--false-sun-core: oklch(0.99 0.005 60); /* False Sun White #fefbf8 */
--lens-streak: oklch(0.79 0.012 96); /* Streak White #bdbbb2 */
--spire-stone: oklch(0.88 0.021 205); /* Spire Stone #c8dcde */
--halo-mist: oklch(0.74 0.016 173); /* Halo Mist #a1aeaa */
--far-mist: oklch(0.55 0.032 237); /* Far Mist #607582 */
--corner-blue: oklch(0.58 0.054 247); /* Corner Blue #607e99 */
--gradient-dainichi-mikoshi: linear-gradient(180deg, oklch(0.99 0.005 60) 0%, oklch(0.79 0.012 96) 22%, oklch(0.74 0.016 173) 45%, oklch(0.55 0.032 237) 72%, oklch(0.58 0.054 247) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.