
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 172° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
The chroma in this picture was not given by the light, it was cut into the stone by hand: the 4,000 brightest pixels in the frame measure a chroma of 0.003, bare paving 0.039 and the shaft of an obelisk 0.043, neither peaking past 0.075 — while on the inlaid slab underfoot the most saturated 3% runs to 0.109. When the light source itself has no colour, chroma stops being a property of the light and becomes a mark of what a hand has touched.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Aaru's Shut in White Light · Aaru's Shut in White Light — Teyvat Palette */
:root {
--bleached-sky: oklch(0.98 0.022 110); /* Blown-Out Sky #f9fae9 */
--haze-violet: oklch(0.69 0.034 289); /* Distant Haze Violet #9a98b0 */
--paving-tan: oklch(0.51 0.042 34); /* Paving Tan #7c5e56 */
--step-shadow: oklch(0.45 0.037 20); /* Step Shadow #684d4d */
--inlay-gold: oklch(0.66 0.109 63); /* Inlay Gold #c18246 */
--ley-blue: oklch(0.67 0.059 215); /* Ritual Blue #6a9fac */
--gradient-aarus-shut: linear-gradient(172deg, oklch(0.98 0.022 110) 0%, oklch(0.69 0.034 289) 20%, oklch(0.51 0.042 34) 45%, oklch(0.45 0.037 20) 70%, oklch(0.66 0.109 63) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.