
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 195° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
White is the most expensive colour here: 98.5% of pixels sit above chroma 0.05 at a median of 0.175, the whole frame holds a single hue (87% within 270°–315°) — and anything near white is rationed strictly to the brightest group of pixels, which is to say to the light sources themselves.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Hiisi Island by Night Glow · Hiisi Island by Night Glow — Teyvat Palette */
:root {
--night-violet: oklch(0.468 0.188 271.2); /* Night Violet #3848c1 */
--frost-slope: oklch(0.69 0.149 285); /* Frost Slope Violet #938cf3 */
--snow-ridge: oklch(0.75 0.125 274); /* Snow Ridge #95a7fd */
--spirit-white: oklch(0.96 0.025 225); /* Spirit White #e1f6ff */
--faint-ember: oklch(0.9 0.066 317); /* Faint Ember #f0d1fc */
--gradient-hiisi-island: linear-gradient(195deg, oklch(0.75 0.125 274) 0%, oklch(0.69 0.149 285) 36%, oklch(0.589 0.182 273.5) 68%, oklch(0.468 0.188 271.2) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.