Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
The Orchard of Pairidaeza in Warm Haze
SumeruSoft-warmAdriftDreamlike

The Orchard of Pairidaeza in Warm Haze

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 200° (used by the hero and exports), while gallery cards share a uniform 135° sweep.

0%fbf4c224%bc8f8548%627c6776%6189cd100%547f46

Why it works

The clump at the top need not be a second object. It can be the near end of the same object — in a picture where the medium discounts by distance, the chroma allowance is simply the price of how much area is left in the foreground. The Orchard of Pairidaeza has all eight hue bands populated and a median of only 0.060; the canopy at upper left (15494 pixels) measures chroma 0.044 while the big leaves along the bottom edge (18173 pixels) measure 0.097 — 13° apart in hue, 2.2 times apart in strength. The 4000 most chromatic pixels split into four groups whose centroids are (0.66, 0.87), (0.33, 0.95), (0.33, 0.96) and (0.71, 0.77): 3940 of them sit along the bottom edge. To give a hazy scene a focus, don't add saturation — move something in front of the haze and the allowance appears by itself.

01

Every hue present, every strength surrendered

Not one hue band is empty: red 8.85%, orange 20.57%, yellow 11.36%, green 22.95%, teal 1.35%, blue 2.06%, violet 18.03%, pink 7.82%. That kind of width usually comes with a high median; here it is 0.060, the lowest of the four Sumeru frames. The largest family by area — the 20.57% orange haze, measuring L 0.69 / chroma 0.057 / hue 32° — is the medium itself. It did not fold the picture into one hue; it held every family to the same strength. Gamut width and colour strength are two separate accounts, and a single 'saturation' knob should not be asked to run both.

02

Same canopy: twice as strong up close

The canopy at upper left (from 0.05, 0.05, counting 90°–165° only) is 15494 pixels at L 0.56 / chroma 0.044 / hue 151°. The big leaves along the bottom edge (from 0.60, 0.82) are 18173 pixels at L 0.55 / chroma 0.097 / hue 138°. Nearly the same area, 0.01 apart in lightness, 13° apart in hue — and 2.2 times apart in strength. This haze does not carry hue; it levies chroma in proportion to distance, which makes 'far' in this picture not a hue event but a price list of strength. The near water (from 0.28, 0.90) reads chroma 0.113 against the far surface (from 0.35, 0.55) at 0.040: same object, two depths, same conclusion.

03

The 0.058 allowance grows entirely along the bottom edge

The 4000 most chromatic pixels: 1458 in 120°–150° centred on (0.66, 0.87); 1303 in 270°–300° centred on (0.33, 0.95); 851 in 240°–270° centred on (0.33, 0.96); 328 in 90°–120° centred on (0.71, 0.77). All 3940 of them are centred along the bottom of the frame — those few leaves, and the nearest stretch of water. Subtract the median 0.060 from p99 0.118 and the allowance of 0.058 comes entirely from that one edge. Interfaces work the same way: to open a focus on a uniform ground, you do not need to give it a higher saturation, only to stand it in front of the medium, and the same colour becomes the peak on its own.

Take these colours with you

CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.

/* The Orchard of Pairidaeza in Warm Haze · The Orchard of Pairidaeza in Warm Haze — Teyvat Palette */
:root {
  --sun-crown: oklch(0.96 0.065 101); /* Sun Crown #fbf4c2 */
  --warm-haze: oklch(0.69 0.057 32); /* Warm Haze #bc8f85 */
  --cliff-rose: oklch(0.66 0.047 1); /* Cliff Rose #ac8790 */
  --far-canopy: oklch(0.56 0.044 151); /* Far Canopy #627c67 */
  --near-water: oklch(0.63 0.113 261); /* Near Water #6189cd */
  --near-leaf: oklch(0.55 0.097 138); /* Near Leaf #547f46 */
  --gradient-the-orchard-of-pairidaeza: linear-gradient(200deg, oklch(0.96 0.065 101) 0%, oklch(0.69 0.057 32) 24%, oklch(0.56 0.044 151) 48%, oklch(0.63 0.113 261) 76%, oklch(0.55 0.097 138) 100%);
}

A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.