
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 world capped at chroma 0.081: the mist confiscates every colour, and distance is spelled out entirely by lightness stepping from 0.35 to 0.93 — when only one hue is left, the lightness ladder becomes the whole composition. And a faintly green white at C 0.02 is enough to be the sun.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Enkanomiya, Whitenight · Enkanomiya, Whitenight — Teyvat Palette */
:root {
--abyss-ink: oklch(0.351 0.033 232.2); /* Abyss Indigo #293e49 */
--deep-mist: oklch(0.457 0.044 235.1); /* Sunken Mist #3f5b6c */
--isle-shadow: oklch(0.608 0.062 244.1); /* Island Silhouette #6287a5 */
--whitenight-fog: oklch(0.714 0.058 237.2); /* Whitenight Mist #81a9c3 */
--pale-halo: oklch(0.818 0.031 168.4); /* Mirage Glow #b1cac0 */
--false-sun: oklch(0.928 0.019 122.6); /* False Sun White #e5e9dc */
--gradient-enkanomiya: linear-gradient(180deg, oklch(0.351 0.033 232) 0%, oklch(0.928 0.019 123) 14%, oklch(0.818 0.031 168) 32%, oklch(0.608 0.062 244) 62%, oklch(0.714 0.058 237) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.