
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.
Two identical chroma peaks hand the focus to their midpoint, and the thing at that midpoint may hold no extreme at all. The most chromatic 3% of the two antigravity rings read chroma 0.178 and 0.175, hue 350° and 348°, lightness 0.65 and 0.68. Of the frame's most chromatic 4000 pixels, 3500 fall in that 330°–360° band, and the centroid the bench reports is (0.49, 0.29) — the tower at dead centre. There, 315°–360° holds only 1289 pixels at a mean chroma of 0.049, below the frame median of 0.063. If you want something quiet to lead, do not strengthen it: set two equally strong things symmetrically on either side of it. The more alike they are, the harder the midpoint gets.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Nasha Town, Blazing Noon · Nasha Town, Blazing Noon — Teyvat Palette */
:root {
--ring-core: oklch(0.66 0.176 349); /* Ring Core #dd5da3 */
--ring-halo: oklch(0.52 0.118 334); /* Ring Halo #914c85 */
--town-zenith: oklch(0.74 0.138 243); /* Town Zenith #51b4fa */
--gantry-steel: oklch(0.52 0.094 256); /* Gantry Steel #436a9e */
--tower-shade: oklch(0.39 0.051 283); /* Tower Shade #414260 */
--mud-wall: oklch(0.5 0.037 30); /* Mud Wall Ochre #775c57 */
--plaza-pale: oklch(0.73 0.028 270); /* Plaza Pale #a1a7ba */
--gradient-nasha-town: linear-gradient(180deg, oklch(0.74 0.138 243) 0%, oklch(0.66 0.176 349) 26%, oklch(0.52 0.094 256) 48%, oklch(0.5 0.037 30) 66%, oklch(0.39 0.051 283) 84%, oklch(0.73 0.028 270) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.