Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Decarabian's Tower under Cloud Shadow
MondstadtDayCrispDesertedWeathered

Decarabian's Tower under Cloud Shadow

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%2e84c126%c0eaf544%5396b064%285f7882%4b869e100%b0bd9d

Why it works

The seat is down to 4 pixels because the two families are really one: inside that 75.27% of blue live the sky at 244°, the clouds at 217°, the shallow water at 226°, the tower stone at 225° and the shadowed ruins at 231° — five things crammed into 27°. Green is left with 10.86% and a mean chroma of 0.062, six tenths of the lowest of the other three pictures in this batch (0.144 / 0.121 / 0.104). If two large families never genuinely separate, the question of a seat never arises: 330°–60° holds 4 pixels in the whole frame and 345°–15° holds none. The cost is measurable — a chroma ceiling of 0.178, the lowest of the four. Before you can have a seat for an accent, you need two families that actually come apart.

01

Five things crammed into 27°

The sky measures L 0.59 / C 0.123 / 244°, the brightest cloud at left L 0.91 / C 0.046 / 217°, the shallow water either side of the causeway L 0.59 / C 0.072 / 226°, the tower stone L 0.64 / C 0.078 / 225°, and the ruins fallen into shadow L 0.46 / C 0.071 / 231°. Five materials that could hardly be more different span 27° of hue — and 0.45 of lightness. This picture files all of its depth and volume on the lightness ledger and spends nothing on hue, which is why it reads as one place rather than as sky, water and stone.

02

Not one red pixel

The window 345°–15° returns nothing matched. Widen it to the 90° of 330°–60° and there are still only 4 pixels. The frame carries three bands — green 10.86%, cyan 3.36%, blue 75.27% — which together come to exactly 90°–270°; the other half of the wheel is entirely empty. In the same batch, «Hexenzirkel's Island in the Sky at Flowering Noon» holds 39,869 pixels in that same 330°–60° window, a factor of 9,967. This is not an accent that was left out; there is no position for one to occupy.

03

The second family lost on chroma, not on area

The most chromatic green in the picture is the moss growing out of the paving seams: those 21,310 pixels along the bottom edge measure L 0.78 / C 0.047 / 125°, Cmax 0.152 — not the distant meadows beyond the arches. Green holds 10.86%, only seven points less than the 17.56% of «Windrest Peak under Drifting Cloud», yet its mean chroma is 0.062 against 0.144, a little over four tenths. For two families to stand against each other their areas may differ wildly, but their chroma may not: pressed down to four tenths of its neighbour, a family stops being a family and becomes that family's shadow.

Take these colours with you

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

/* Decarabian's Tower under Cloud Shadow · Decarabian's Tower under Cloud Shadow — Teyvat Palette */
:root {
  --deep-sky: oklch(0.59 0.123 244); /* Deep Sky #2e84c1 */
  --cumulus-white: oklch(0.91 0.046 217); /* Cumulus White #c0eaf5 */
  --tower-stone: oklch(0.64 0.078 225); /* Tower Stone #5396b0 */
  --shallow-water: oklch(0.59 0.072 226); /* Shallow Water #4b869e */
  --shadow-stone: oklch(0.46 0.071 231); /* Shadowed Stone #285f78 */
  --seam-moss: oklch(0.78 0.047 125); /* Moss in the Seams #b0bd9d */
  --gradient-decarabians-tower: linear-gradient(180deg, oklch(0.59 0.123 244) 0%, oklch(0.91 0.046 217) 26%, oklch(0.64 0.078 225) 44%, oklch(0.46 0.071 231) 64%, oklch(0.59 0.072 226) 82%, oklch(0.78 0.047 125) 100%);
}

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