
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.
Warm is a rank inside the frame, not a position on the wheel: search the whole picture between 330° and 90° and not one pixel matches, and 90°–110° is empty too — yet the gold rim on the leaves, the yellow flowers at lower left and the small fish mid-frame all read as warm. They measure 145°, 145° and 142°: yellow-green. Against a field of 223° blue that owns 54.58%, whichever hue family sits nearest the warm end is taken for gold.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Elton Trench in Dimmed Daylight · Elton Trench in Dimmed Daylight — Teyvat Palette */
:root {
--trench-blue: oklch(0.49 0.089 223); /* Trench Blue #096b85 */
--midwater-teal: oklch(0.6 0.095 196); /* Midwater Teal #209293 */
--daylight-cyan: oklch(0.86 0.117 206); /* Daylight Cyan #62e7f7 */
--fan-kelp: oklch(0.79 0.243 145); /* Fan-Kelp Green #1ae044 */
--leaf-rim-gold: oklch(0.63 0.194 145); /* Leaf-Rim Gold #0fa530 */
--minnow-amber: oklch(0.72 0.102 142); /* Minnow Amber #7fb579 */
--gradient-elton-trench: linear-gradient(180deg, oklch(0.86 0.117 206) 0%, oklch(0.6 0.095 196) 26%, oklch(0.49 0.089 223) 58%, oklch(0.63 0.194 145) 82%, oklch(0.79 0.243 145) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.