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