Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Amenoma Smithy at High Noon
InazumaDayMildEvenly litForge smoke

Amenoma Smithy at High Noon

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%6197cd18%bd84a842%62815a62%46504778%c5573c100%99887d

Why it works

A three-way split can be bought two ways. Yellow 20.46% (72°), blue 20.05% (246°) and green 14.64% (137°) spread over a range of 5.82 percentage points, with only 31.34% neutral — 11.04 points less grey than Adventurers' Guild Liyue in Autumn Sun spent, paid for by dropping the chroma ceiling from 0.142 to 0.118. Neutral area and the chroma ceiling are two ways of paying one bill, and you may pay half in each. The cost lands on the focal point: the forge fire's most saturated 84 pixels reach only 0.147, barely past the picture's own p99.

01

One tenth less grey, two hundredths off the ceiling

Adventurers' Guild Liyue in Autumn Sun spent 42.38% neutral to buy a three-way split of yellow 17.30%, green 15.89% and blue 18.70% — a range of 2.81 points at chroma p99 0.142. Here neutral is only 31.34% and the three bands are 20.46% / 20.05% / 14.64%, a range of 5.82. Those extra 11.04 points of colour do not make the picture loud, because p99 came down to 0.118 at the same time. Neutral area and the chroma ceiling buy the same thing: turn one knob, or turn both halfway. Turn them differently and the flatness you buy is a different flatness.

02

The ceiling caps the maximum, not the spread

Inside each band the split between lead and support is intact, and wide. In the green band the two tiled roofs measure L 0.57, chroma 0.069, hues 139° and 140° — identical across both buildings — while the great rock face on the right reads L 0.42, chroma 0.020, 146°: same family, three and a half times less chroma. In the blue band the sky above the ridges is 0.099, and the 45,611 blue pixels below the eaves are only L 0.39, chroma 0.039. The picture's chroma median of 0.038 lands slightly under Yae Publishing House's 0.039, with eight hue bands in motion. Lowering the ceiling does not flatten a picture; it only stops any one step from breaking out.

03

The least conspicuous thing in a smithy is the fire

The fire in the forge under the eaves: its most saturated 3% is a mere 84 pixels at L 0.59, chroma 0.147, while warm pixels of the same family (15°–60°) number 27,309 across the frame at mean chroma 0.035. The picture's chroma p99 is 0.118 — the only self-luminous thing in the scene clears the general ceiling by 0.029. Once a three-way split has spread the allowance evenly, there is nothing left to spend on a focal point. If you want one, do not lower the ceiling all the way to flat: evened-out harmony is paid for with the single fire.

Take these colours with you

CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.

/* Amenoma Smithy at High Noon · Amenoma Smithy at High Noon — Teyvat Palette */
:root {
  --tile-green: oklch(0.57 0.069 139); /* Moss Tile #62815a */
  --high-sky: oklch(0.66 0.099 250); /* High Sky #6197cd */
  --sunlit-stone: oklch(0.64 0.026 56); /* Sunlit Stone #99887d */
  --cliff-grey: oklch(0.42 0.02 146); /* Cliff Grey #465047 */
  --slope-sakura: oklch(0.68 0.085 341); /* Slope Sakura #bd84a8 */
  --forge-ember: oklch(0.59 0.147 35); /* Forge Ember #c5573c */
  --gradient-amenoma-smithy: linear-gradient(180deg, oklch(0.66 0.099 250) 0%, oklch(0.68 0.085 341) 18%, oklch(0.57 0.069 139) 42%, oklch(0.42 0.02 146) 62%, oklch(0.59 0.147 35) 78%, oklch(0.64 0.026 56) 100%);
}

A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.