
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 160° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
Wind the median chroma too high and the ceiling is wasted. Liffey is 92.90% blue at a median chroma of 0.121, three tenths above Belleau's 0.093, yet its p99 is only 0.160 — the lowest of the three Fontaine regions. Its most saturated stretch of sea, 0.136, stands just 0.015 above its own median, where Belleau's zenith stands 0.070 above its: a difference of nearly five times. With focus no longer affordable, it has to be hung on lightness instead: the 4000 brightest pixels in the frame measure L 0.99 / chroma 0.009, the only genuinely achromatic white among the three.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Liffey Region in Deep Blue Daylight · Liffey Region in Deep Blue Daylight — Teyvat Palette */
:root {
--high-sky: oklch(0.75 0.132 247); /* High Sky #62b5fd */
--corner-cloud: oklch(0.94 0.042 212); /* Corner Cloud #ccf3fc */
--far-shore-haze: oklch(0.89 0.075 223); /* Far-Shore Haze #a4e6ff */
--ridge-shadow: oklch(0.69 0.126 244); /* Ridge Shadow #4da3e3 */
--slope-blue: oklch(0.69 0.098 239); /* Slope Blue #5ea4d2 */
--sea-blue: oklch(0.7 0.136 242); /* Sea Blue #42a7eb */
--gradient-liffey-region: linear-gradient(160deg, oklch(0.75 0.132 247) 0%, oklch(0.94 0.042 212) 14%, oklch(0.89 0.075 223) 34%, oklch(0.69 0.126 244) 56%, oklch(0.69 0.098 239) 74%, oklch(0.7 0.136 242) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.