
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.
You can go without a single grey and still not be loud. Only 4.59% of this picture is neutral — less even than the 8.09% of the Inazuma guild — yet it is the one frame of the four with neither whitespace nor a loud colour: chroma p99 0.109 and a peak of 0.157, against Inazuma's 0.160 and 0.231. Neutral area and the chroma ceiling are two ways of paying the same bill; bringing one of them down is enough.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Adventurers' Guild Fontaine at Nightfall · Adventurers' Guild Fontaine at Nightfall — Teyvat Palette */
:root {
--dusk-wall: oklch(0.47 0.055 326); /* Dusk Wall #6b506c */
--slate-violet: oklch(0.36 0.064 283); /* Slate Violet #39385e */
--lamp-gold: oklch(0.65 0.111 61); /* Lamp Gold #c07e43 */
--awning-cyan: oklch(0.62 0.044 191); /* Awning Cyan #678f8c */
--awning-shade: oklch(0.45 0.08 256); /* Awning Shade #365681 */
--pavement-blush: oklch(0.51 0.046 6); /* Pavement Blush #7e5b62 */
--gradient-adventurers-guild-fontaine: linear-gradient(180deg, oklch(0.47 0.055 326) 0%, oklch(0.36 0.064 283) 20%, oklch(0.62 0.044 191) 52%, oklch(0.45 0.08 256) 62%, oklch(0.65 0.111 61) 76%, oklch(0.51 0.046 6) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.