
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.
When 98.82% of the pixels carry colour, the quota is down to 0.051 (p99 0.152 minus median 0.101) — the lowest of the four in this batch. The consequence is measurable: the ceiling of 0.204 is eaten by the largest surface (2,509 of the 4,000 most chromatic pixels land in the 240°–270° sky and deep water), while the only warm colour in the frame — and the subject anyone finds first, those peach blooms on the right bank — holds 11,420 pixels in 15°–75° (1.24%) and reaches only 0.124 even in its most chromatic 3%, a full 0.080 below the ceiling. To make a small element the subject, do not add chroma to it (it cannot get there); find it a surface nearby that will give chroma up.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Toyac Springs in Turquoise Daylight · Toyac Springs in Turquoise Daylight — Teyvat Palette */
:root {
--zenith-blue: oklch(0.74 0.128 250); /* Zenith Blue #68b0f8 */
--far-shoal: oklch(0.8 0.081 238); /* Far Shoal #8cc6ec */
--deep-pool: oklch(0.57 0.108 224); /* Deep Pool #0084a6 */
--lilypad-teal: oklch(0.76 0.129 152); /* Lilypad Teal #6cc888 */
--peach-bloom: oklch(0.64 0.124 34); /* Peach Bloom #cc6e58 */
--gradient-toyac-springs: linear-gradient(180deg, oklch(0.74 0.128 250) 0%, oklch(0.8 0.081 238) 32%, oklch(0.57 0.108 224) 60%, oklch(0.76 0.129 152) 84%, oklch(0.64 0.124 34) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.