
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.
There is not one patch of grey in this picture to separate planes with: achromatic pixels are down to 0.97% and the median chroma of 0.070 runs higher than many scenes' p99. So it separates planes by hue instead — every upright rock face belongs to the material, measuring 14° through 25°; every sky-facing ledge top belongs to the sky, measuring 293° through 306°; and in the 82944 pixels of shaded cliff on the right, not one falls inside 240°–345°. When no neutral is available, hand each class of orientation its own hue and the picture still has structure.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Masters of the Night-Wind Secret Space, Rosy Light · Masters of the Night-Wind Secret Space, Rosy Light — Teyvat Palette */
:root {
--cliff-ochre: oklch(0.37 0.066 14); /* Cliff Ochre #5e3035 */
--shaded-ochre: oklch(0.39 0.077 25); /* Shaded Ochre #683330 */
--ledge-rose: oklch(0.41 0.093 293); /* Ledge Rose #4d3f78 */
--high-ledge-rose: oklch(0.74 0.051 306); /* High-Ledge Rose #b3a3c5 */
--sky-haze: oklch(0.56 0.07 333); /* Canyon Sky #8e6586 */
--gate-violet: oklch(0.57 0.07 295); /* Gate Violet #7a6f9d */
--gradient-tribal-secret-space-masters-of-the-night-wind-location-context: linear-gradient(180deg, oklch(0.56 0.07 333) 0%, oklch(0.74 0.051 306) 10%, oklch(0.37 0.066 14) 42%, oklch(0.57 0.07 295) 62%, oklch(0.41 0.093 293) 76%, oklch(0.39 0.077 25) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.