
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 175° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
Loudness is decided by contrast, not by chroma. This is the most saturated picture in the library — median 0.153, achromatic pixels 0.00%, 99.2% one blue family — and it still reads as quiet, because the high chroma was raised across the whole frame, leaving nothing that stands out for it.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Sea of Bygone Eras in Sunken Daylight · Sea of Bygone Eras in Sunken Daylight — Teyvat Palette */
:root {
--seafloor-blue: oklch(0.55 0.142 257); /* Seafloor Blue #3571c3 */
--sunken-blue: oklch(0.58 0.183 257); /* Sunken Blue #2277e3 */
--abyss-violet: oklch(0.59 0.215 273); /* Abyss Violet #5869fa */
--whale-glow: oklch(0.65 0.19 283); /* Whale Glow #8379fd */
--light-shaft: oklch(0.87 0.102 217); /* Light Shaft #7fe5ff */
--gradient-sea-of-bygone-eras: linear-gradient(175deg, oklch(0.87 0.102 217) 0%, oklch(0.58 0.183 257) 38%, oklch(0.59 0.215 273) 70%, oklch(0.55 0.142 257) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.