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