Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Adventurers' Guild Fontaine at Nightfall
FontaineDuskComposedFaintly coldUnder lamplight

Adventurers' Guild Fontaine at Nightfall

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%6b506c20%39385e52%678f8c62%36568176%c07e43100%7e5b62

Why it works

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.

01

81.41% queued along one unbroken band

Violet 26.26% plus pink 25.32% plus red 16.04% plus orange 13.79% makes 81.41% of the frame into one unbroken band running from 270° to 45°. The great wall behind the shopfront is L 0.47, chroma 0.055, hue 326°; the slate roof L 0.36, chroma 0.064, hue 283°; the pavement in front of the counter L 0.51, chroma 0.046, hue 6°. Three materials under one dusk, merely queued up along the hue circle, with nothing stepping outside. That band is what the missing grey would have been: instead of separating colours with a neutral, it joins them end to end.

02

The ceiling held at 0.109

Chroma p99 is only 0.109 and the frame peaks at 0.157, both the lowest of the four. The most chromatic thing here is the pair of gas lamps on the right, whose brightest 3% reads L 0.65, chroma 0.111, hue 61° — one lamp is this picture's entire ceiling. Compare Vanarana: it keeps even less neutral, 1.43%, but runs a chroma median of 0.103 and a peak of 0.245, working by narrowing hue and opening a two-to-one chroma hierarchy. Same refusal to lay down grey, different road — Fontaine simply presses everyone down and lets nobody ring.

03

The only cool colour is two awnings

Cyan 1.14% plus blue 4.48%: the frame's 5.62% of cool pixels grows almost entirely on the cloth awnings flanking the counter. The sunlit half is L 0.62, chroma 0.044, hue 191°; the most chromatic cluster of the shaded half is 107 pixels at L 0.41, chroma 0.118, hue 258°, sitting at (0.33, 0.68). Two halves of one cloth, 65° apart, and that 0.118 is already closing on the frame's peak of 0.157. Once the ceiling is low, 5.62% of cool is enough to be the second voice — if you want a small accent to carry, lowering the ceiling around it is far cheaper than brightening it.

Take these colours with you

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.