
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.
In a dark scene, adding light is not the same as adding colour: Pairidaeza Canyon is the most strongly lit of these four — 2680 of its brightest 4000 pixels sit at L 0.94 and another 1108 at L 0.95 — and yet its chroma ceiling is only 0.084, half of the other three at 0.156 / 0.161 / 0.164. The difference is not grey: its 24.53% achromatic ranks third of the four, and the greyest picture of the set (53.76%) does not drop its ceiling at all. The difference is what this light landed on. The only thing it touches directly is the cliff wall itself, and sampled at three heights that wall reads L 0.50 / chroma 0.023, L 0.51 / 0.024, L 0.66 / 0.023 — lightness travels 0.16 while chroma stays nailed below the achromatic threshold of 0.025 the whole way. To get colour into a dark scene, don't add another lamp; give the lamp something coloured to land on.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Pairidaeza Canyon in a Sliver of Light · Pairidaeza Canyon in a Sliver of Light — Teyvat Palette */
:root {
--sky-sliver: oklch(0.94 0.008 158); /* Sky Sliver White #e7ede9 */
--lit-wall: oklch(0.55 0.023 146); /* Lit Wall #69756a */
--canyon-haze: oklch(0.29 0.051 253); /* Canyon Haze Blue #182c44 */
--cliff-shadow: oklch(0.24 0.032 256); /* Cliff Shadow Blue #15202e */
--near-cliff: oklch(0.2 0.029 265); /* Near Cliff Violet #101623 */
--pool-teal: oklch(0.47 0.064 219); /* Pool Teal #2b6373 */
--fore-slope: oklch(0.2 0.018 344); /* Foreslope Brown #1c1318 */
--gradient-pairidaeza-canyon: linear-gradient(180deg, oklch(0.94 0.008 158) 0%, oklch(0.55 0.023 146) 14%, oklch(0.29 0.051 253) 32%, oklch(0.24 0.032 256) 50%, oklch(0.2 0.029 265) 66%, oklch(0.47 0.064 219) 86%, oklch(0.2 0.018 344) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.