Teyvat PaletteTeyvat colour cards
Scene library
GitHub
Gallery
Voidsea Outlook in Cavern Blue
Nod-KraiDeepHushedHidden

Voidsea Outlook in Cavern Blue

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

0%0f193328%17233f58%1b314c86%686e84100%d6c7bb

Why it works

Inside a strong enough single-hue field you need not buy a single unit of chroma for the complementary end. 89.65% of this cavern's pixels land in 210°–270°, mean 254°. And the opening at top right, the thing everyone reads as gold, is 3457 of the frame's 4000 brightest pixels — at chroma 0.024, below the 0.025 achromatic threshold and less than half the frame's chroma median of 0.053. The opposite of 254° is 74°; the vector mean of those 3457 pixels lands at 62°. The gold was not painted. The field induced it.

01

All the gold there is comes to 441 pixels

The light coming through the opening, the gold ring hanging inside it, the strings of gold beads on the moss vines down the left wall — add every one of them and the 45°–90° band is 441 pixels in the whole frame, 0.05%, averaging L 0.84, chroma 0.035, peak 0.059. The blue field itself has a chroma median of 0.053 and a peak of 0.128, and the hanging moss on the left wall reaches the frame's highest value of 0.138. Which is to say: the «gold» in this picture is, on average, paler than an ordinary blue pixel. The whole red-through-orange-and-pink stretch, 315°–45°, holds 15 pixels.

02

Even inside the opening's own patch, blue outnumbers it

Box the opening together with its rock frame (0.66,0.15,0.20,0.28) and those 51,712 pixels read as a block at 273°, chroma 0.035. Of them, 13,867 fall inside the blue band 210°–270° at chroma 0.054, and only 434 fall in the yellow band, at chroma 0.035. Take the most chromatic 3% of that box and you get 268°, chroma 0.066 — on the opening's own ground, the most saturated thing is still the rock around it. What the eye reports as a golden door is, in the data, a neutral bright smudge surrounded by blue.

03

The opening hands over lightness and lets the field supply the colour

In «Ashveil Peak by Cave Light» the opening measures L 0.79 and chroma 0.034 — exactly that frame's chroma median — and the colour is taken over by floating leaves glowing on their own indoors (0.178). Here the opening is L 0.84, chroma 0.024, only 0.45 times this frame's median of 0.053, and nothing indoors steps up to take over the colour either: the brightest gold tops out at 0.059. Both caverns' openings supply nothing but brightness; the difference is that this one never has to answer «who grows the colour». An eye steeped in 254° starts subtracting that hue everywhere, and whatever neutral is left swings on its own toward 74°. If you want a warm accent inside a deep blue interface, do not mix an orange. Lift that surface and push its chroma below 0.03 and it will be warm by itself — and because it has no hue at all, it can never fight the lead colour.

Take these colours with you

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

/* Voidsea Outlook in Cavern Blue · Voidsea Outlook in Cavern Blue — Teyvat Palette */
:root {
  --cavern-blue: oklch(0.31 0.057 254); /* Cavern Blue #1b314c */
  --vault-stone: oklch(0.26 0.056 266); /* Vault Stone #17233f */
  --far-wall: oklch(0.22 0.053 267); /* Far Wall #0f1933 */
  --moss-shoal: oklch(0.42 0.032 186); /* Moss Shoal #395350 */
  --window-white: oklch(0.84 0.024 62); /* Window White #d6c7bb */
  --vine-gold: oklch(0.84 0.035 82); /* Vine Gold #d6c9b1 */
  --hanging-moss: oklch(0.8 0.124 116); /* Hanging Moss #bac866 */
  --gradient-lunar-treasury-voidsea-outlook-location-context: linear-gradient(45deg, oklch(0.22 0.053 267) 0%, oklch(0.26 0.056 266) 28%, oklch(0.31 0.057 254) 58%, oklch(0.54 0.035 273) 86%, oklch(0.84 0.024 62) 100%);
}

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