Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Minlin under Cloud White
LiyueDayOpenBracingAbundant

Minlin under Cloud White

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 175° (used by the hero and exports), while gallery cards share a uniform 135° sweep.

0%fbffff16%7cbee038%dac1bd62%c1c692100%83d5cf

Why it works

The mediator of a wide gamut may have no area at all. The middle answer to the same question is 〈Galesong Hill in Sun and Pine Shade〉: a real band of pine covering 12.08% of the frame, its hue 195° wedged between the two ends, its chroma 0.059 and lightness 0.49 both bottom of the three bands — the quietest step is the mediator. Minlin is the extreme answer to that same question. It spreads three hue families almost evenly (green 22.04%, cyan 22.23%, blue 49.06%, 93.33% together, mean chromas of 0.061 / 0.075 / 0.069 nearly level), yet only 6.25% of the frame is achromatic — less even than Galesong Hill's 8.83%, and nowhere near the 39.47% grey field of 〈Dragonspine, Autumn Snow〉. So what it offers instead is the 4000 brightest pixels: all of them in two cells at top centre, lightness 1.00, chroma 0.005 and 0.006. A field, a band, a point — the mediator can shrink all the way to no area, so long as it is the one thing in the frame that holds no hue position.

01

One white inside two cells

The 4000 brightest pixels occupy only two cells: 2054 at (0.4, 0.0) and 1946 at (0.6, 0.0), both pinned to lightness 1.00 (the frame's p99 is 0.98) at chroma 0.006 and 0.005. Yet the most saturated 3% of that same rectangle — starting at (0.36, 0.00), 0.30 wide and 0.10 tall — is blue sky at L 0.72 / chroma 0.103: a cloud and the sky touching it, twenty times apart in chroma. This white is tiny, extreme, and appears exactly once. What it carries is not illumination but a reference.

02

A mediator may stand at the far end

Green 127°, cyan 194°, blue 232°, with 67° and 38° between neighbours — and only 6.25% of the frame achromatic, so Minlin cannot afford Dragonspine's answer of a large grey laid between them. Galesong Hill's road is closed too: its mediator is a real band covering 12.08% of the frame, the pine hue 195° sitting in the middle, chroma 0.059 and lightness 0.49 both bottom of the three bands, and 8.83% of achromatic area underneath it (those five figures are quoted from 〈Galesong Hill in Sun and Pine Shade〉) — Minlin cannot even produce that 8.83%. So it moved the one colour with no position to the far end of the lightness axis and shrank its area to nearly nothing: the brightest end of all three families now has a shared destination — the green band averages L 0.81, the cyan band 0.79, the blue band 0.77, all converging on that 1.00. The job of a neutral is to give every family the same neighbour; that neighbour may sit in the middle or at the extreme, may have area or none. The one thing it cannot do without is being the only one. In the same run of measurements Mt. Laixin took this white down to 0.021 and the Sea of Clouds only to 0.039; the closer to zero, the more it reads as the light itself.

03

230 pixels of red maple

Those red maples visible on the right are a fourth hue family. Measured, the pixels that both fall in 330°–60° and reach chroma 0.025 number 230 in the entire frame, 0.026% of it; 177 of them sit in the maple rectangle starting at (0.66, 0.20), 0.22 wide and 0.16 tall, averaging chroma 0.029 with a peak of 0.041 — and the frame's warm peak overall is only 0.050. The whole family walks along the grey threshold. 〈Wangshan Hall, Main Hall in Faint Cyan〉 used a C p50 of 0.026 to show that a hue is recognised not by how saturated it is but by whether a second hue turns up to contradict it; Minlin is that rule checked against a fourth family: three are already present, and all three are cold. The cheapest gift you can give a new hue is not chroma — it is sole possession of a direction.

Take these colours with you

CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.

/* Minlin under Cloud White · Minlin under Cloud White — Teyvat Palette */
:root {
  --cloud-white: oklch(1 0.005 200); /* Cloud White #fbffff */
  --minlin-sky: oklch(0.77 0.083 232); /* Minlin Sky #7cbee0 */
  --slope-chartreuse: oklch(0.81 0.07 113); /* Slope Chartreuse #c1c692 */
  --bay-teal: oklch(0.82 0.081 189); /* Bay Teal #83d5cf */
  --pale-maple: oklch(0.83 0.029 28); /* Pale Maple #dac1bd */
  --gradient-minlin: linear-gradient(175deg, oklch(1 0.005 200) 0%, oklch(0.77 0.083 232) 16%, oklch(0.83 0.029 28) 38%, oklch(0.81 0.07 113) 62%, oklch(0.82 0.081 189) 100%);
}

A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.