
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.
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.
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.