Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Enkanomiya, Whitenight
InazumaDayFathomlessHushedSacred

Enkanomiya, Whitenight

Palette

Click a swatch to copy its HEX; hover for the OKLCH value.

Reconstructed gradient

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.

0%293e4914%e5eadc32%b1cac062%6287a5100%80a9c3

Why it works

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.

01

Lightness is the only language

Not a single pixel exceeds chroma 0.081 and 61% is outright grey, yet nothing about the frame is flat: vault shadow 0.35, far mist 0.46, island silhouette 0.61, near mist 0.71, halo 0.82, the sun's core 0.93 — six steps of lightness lay out the depth from overhead to underfoot. It generalises to mist, deep water and night scenes: lock the chroma first, then order distance with L.

02

A trace of hue becomes the sun

The core of the Dainichi Mikoshi measures chroma 0.019. It reads as warm light anyway, because its hue leans towards a green-white 123° inside mist sitting at 240°. The lower the chroma of the surroundings, the more say a hue shift has — in an all-grey interface a 2% cast is your accent colour, and nothing more is needed.

03

Whitenight is not daylight

Enkanomiya has no sun and no moon; its day is a whitenight lit by an artificial one. So the light carries none of the blue-to-warm gradient atmospheric scattering would give it: brightness falls off evenly in every direction from the core, like a lamp rather than a star. Filing this under day is only the closest approximation available. Where there is no day and night, the nature of the light source deserves recording in a palette more than the hour does.

Take these colours with you

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.