
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 one family takes 86.73%, the quota is down to 0.059 (p99 0.147 minus median 0.088): with no surface willing to go uncoloured, the ceiling of 0.210 passes automatically to the largest surface — the most chromatic blue averages L 0.49 / chroma 0.146, and it is the deepest patch of sky at top right (measured L 0.52 / 0.135), a full 0.19 below the picture's lightness median of 0.71. Meanwhile the subject of the picture, the golden ring on the central island, holds 1,753 pixels in the 15°–90° warm window at chroma 0.047 and a peak of 0.105 — not half the ceiling. Before you try to make a subject out-saturate its surroundings, ask whether the surroundings will give up any area.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Ancient Sacred Mountain in Open Sky · Ancient Sacred Mountain in Open Sky — Teyvat Palette */
:root {
--deep-vault: oklch(0.52 0.135 256); /* Deep Vault #2d69b5 */
--zenith-blue: oklch(0.64 0.107 247); /* Zenith Blue #5292ca */
--island-root: oklch(0.59 0.076 276); /* Island Root #7179ab */
--terracotta: oklch(0.72 0.099 7); /* Terracotta #da8a9a */
--ring-gold: oklch(0.81 0.047 45); /* Ring Gold #dcb8a8 */
--cloud-sea: oklch(0.78 0.042 267); /* Cloud Sea #abb7d3 */
--gradient-ancient-sacred-mountain: linear-gradient(180deg, oklch(0.52 0.135 256) 0%, oklch(0.64 0.107 247) 16%, oklch(0.81 0.047 45) 47%, oklch(0.72 0.099 7) 56%, oklch(0.59 0.076 276) 72%, oklch(0.78 0.042 267) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.