
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.
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.
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.