SumeruDreamingDeepFluorescent Blue

Grove of Dreams, Glimmering Buds

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%123c6632%bcb0ef66%45537e100%1984f6

Why it works

Grey is not counted off the number of light sources; it is measured off the hue distance between two of them. The Grove of Dreams has two lights — the self-luminous crystal cluster in the lower right at 255°, and the backlit haze coming through the tree hollow at 291°–293°. They are 38° apart, and two lights on the same side of the wheel stack into something more saturated, never into something neutral. So the achromatic share is 0.06%, in the same bracket as the 0.00% of 〈Spiritstone in a Lone Light〉, which has only one light at all. Before counting how many lights a picture has, measure how far apart they are.

Two lights, one side of the wheel

The C 0.022 floor in 〈Adventurers' Guild Mondstadt at Lamplit Dusk〉 was two opposed colour temperatures cancelling on a single surface. 〈Spiritstone in a Lone Light〉 showed that with only one light, grey cannot be made at all. The Grove of Dreams sits both exams at once — and it does have two lights. 2,335 of the frame's 4000 brightest pixels fall on the haze behind the tree hollow (centred on (0.62, 0.46) and (0.49, 0.44), L 0.79 / C 0.081–0.089 / 291°–293°); another 1,409 fall on the white tips of the crystals (centred on (0.85, 0.67), L 0.90 / C 0.044). The crystal bodies themselves measure 255°. The two lights are 38° apart and both sit on the blue-violet side; stacked, they only get bluer and stronger. Count is not the criterion.

A 145° window with nothing in it

With both lights on one side, the picture cannot fill in the other: the window `310°–95°`, 145° wide, holds zero pixels in the whole frame. Narrow it to 95°–150° and 131 pixels are left in the entire picture — and all 131 of them fall on those three lights on the trunk, every one inside the rectangle from (0.50, 0.38), at L 0.71 / C 0.058, below the frame's median chroma of 0.083. Everybody reads them as gold; measured, they are a yellow-green paler than the picture's own average. Add the 3,684 pixels (0.42%) of moss in 150°–170° and that is the whole of the "other colours". The remaining 94.71% is packed into the 105° between 210° and 315°.

If you cannot buy hue, buy chroma

So the focus cannot rely on an empty seat on the wheel: the crystal cluster measures 255°, only 2° from the blue ground at 253° that holds 80.13% of the frame. It gets out on chroma alone — that patch (from (0.72, 0.68)) averages 0.193 and peaks at 0.268 against a frame median of 0.083, a factor of 2.3. The frame's p99 of 0.223 minus its p50 of 0.083 leaves 0.140 of headroom, and nearly all of it goes into this one cluster. Put the other way round: when a palette is confined to one hue family and cannot produce a neutral, stop hunting for a seat on the wheel — there is none left. Spend the whole allowance on the chroma of a single element.

Take these colours with you

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

/* Grove of Dreams, Glimmering Buds · Grove of Dreams, Glimmering Buds — Teyvat Palette */
:root {
  --under-blue: oklch(0.44 0.091 253); /* Under-Blue #2b5483 */
  --crystal-flare: oklch(0.62 0.193 255); /* Crystal Flare #1984f6 */
  --haze-violet: oklch(0.79 0.089 293); /* Haze Violet #bcb0ef */
  --moss-shelf: oklch(0.53 0.091 164); /* Moss Shelf Cyan #2e7c5d */
  --seed-light: oklch(0.71 0.058 129); /* Seed Light #96a983 */
  --gradient-grove-of-dreams: linear-gradient(160deg, oklch(0.35 0.087 252) 0%, oklch(0.79 0.089 293) 32%, oklch(0.45 0.072 269) 66%, oklch(0.62 0.193 255) 100%);
}

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