Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Liffey Region in Deep Blue Daylight
FontaineDayStillPrecipitousAloof

Liffey Region in Deep Blue Daylight

Palette

Click a swatch to copy its HEX; hover for the OKLCH value.

Reconstructed gradient

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.

0%62b5fd14%ccf3fc34%a4e6ff56%4da3e374%5ea4d2100%42a7eb

Why it works

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.

01

A whole meadow without one green pixel

That mid-slope which reads as meadow: search the rectangle it occupies for green in 90°–165° and not one pixel matches. The block measures hue 234° / chroma 0.103, and narrowing to its greenest patch still gives 239° / 0.098 — the same family as the sky overhead at 247° and the sea at lower right at 242°. The frame's green band totals 0.07%, its cyan band 4.33%. This is where the 0.121 median comes from: even the vegetation, which ought to be economising chroma on the picture's behalf, already sits at the same level as the median. Nothing large in this frame is parked low.

02

The only pale surface occupies one corner

The only large surface below chroma 0.05 in the whole frame is that cloud in the top-right corner, L 0.94 / chroma 0.042; the far sea and haze beneath it are L 0.89 / 0.075. Belleau does the same job with a cyan band covering 10.21%, spread along the entire shoreline, and its cumulus itself only reaches 0.072. Pale surfaces are bought with area. Liffey bought one corner, so it carries the rest of the intensity itself: the reef in the foreground at L 0.62 / chroma 0.124, the shaded rock faces of the main peak at 0.69 / 0.126, the sea at 0.70 / 0.136 — from nearest to farthest, none of the three large planes drops below 0.12.

03

When chroma is spent, lightness takes over

A picture that can no longer afford focus switches channels: Liffey's lightness p99 reaches 0.99, and its 4000 brightest pixels carry a chroma of only 0.009 — the same step measures 0.026 in Belleau and 0.029 in Morte, so the genuinely achromatic white exists only here. Its achromatic pixels total 2.66%, more than double Belleau's 1.14%. Inverted City in Faint Light is the mirror image: there lightness was pressed into 12 points, leaving 0.183 of ember chroma to do the talking. One of the two channels must always be left with headroom — before you start, look at which one you have already spent.

Take these colours with you

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.