
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 180° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
Chroma in the blue-violet half is bought with lightness, and this frame paid all the way down. Its median lightness is pressed to 0.34 before the most chromatic 3% of 210°–270° reaches chroma 0.211 — over one and a half times the 0.122 that Kannazuka in Hazy Daylight gets at L 0.63. Yet inside the same cave, the 1,121 cyan pixels on the valley floor hold 0.141 while staying at L 0.84. Same light, same ground: what green-cyan gets at lightness 0.84, blue-violet must sink to 0.42 to obtain. The bill is charged by hue, not by picture.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* The Arsenal, Lit from Below · The Arsenal, Lit from Below — Teyvat Palette */
:root {
--spore-violet: oklch(0.39 0.194 272); /* Spore Violet #292caa */
--vault-mauve: oklch(0.3 0.05 264); /* Vault Mauve #212d47 */
--blue-cap: oklch(0.45 0.151 265); /* Blue Cap #2b4da8 */
--dark-grass: oklch(0.32 0.113 260); /* Dark Grass #0a2f6b */
--stream-blue: oklch(0.59 0.16 249); /* Stream Blue #0981d7 */
--underglow-cyan: oklch(0.84 0.141 204); /* Underglow Cyan #17e4f5 */
--gradient-the-arsenal: linear-gradient(180deg, oklch(0.3 0.05 264) 0%, oklch(0.39 0.194 272) 34%, oklch(0.45 0.151 265) 54%, oklch(0.32 0.113 260) 70%, oklch(0.59 0.16 249) 88%, oklch(0.84 0.141 204) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.