
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.
Only hue can say "there is a lamp there"; lightness not only fails to help, it says the opposite. Sample the same paving three times: in daylight L 0.83 at hue 194°, shaded under the shed roof L 0.78 at 190°, directly in front of the forge mouth L 0.81 at 49°. All three lightnesses fall inside 0.05 of each other and all three chromas inside 0.005 (0.019 / 0.022 / 0.024). The only channel that can rank "where the light is" is that 145° flip of hue.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Schulz's Blacksmith by Forge Light · Schulz's Blacksmith by Forge Light — Teyvat Palette */
:root {
--curtain-wall: oklch(0.49 0.035 223); /* Curtain Wall #4b656f */
--sunlit-flagstone: oklch(0.83 0.019 194); /* Sunlit Flagstone #bacbcb */
--shed-flagstone: oklch(0.78 0.022 190); /* Shed Flagstone #a8bcba */
--forge-lit-stone: oklch(0.81 0.024 49); /* Forge-lit Stone #cfbdb4 */
--forge-fire: oklch(0.62 0.128 40); /* Forge Fire #c66847 */
--wall-grass: oklch(0.46 0.082 151); /* Wall Grass #326540 */
--gradient-schulzs-blacksmith: linear-gradient(180deg, oklch(0.49 0.035 223) 0%, oklch(0.62 0.128 40) 62%, oklch(0.81 0.024 49) 74%, oklch(0.78 0.022 190) 86%, oklch(0.83 0.019 194) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.