
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.
Air does not wash colour out; it pushes colour around the wheel toward the sky's family, and only along the shorter arc. The hull rectangle of a wooden ship cannot produce a single warm pixel (`330°–90°` returns nothing matched), the dragon head has 3 left, and 92.5% of the ship's pixels sit on the sky's 238°. Only the sails survived — and they drag a 17,024-pixel band of pink and violet behind them, while the road on the other side of the wheel, twice as wide, holds just 2,278.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Alcor in Thin Haze · Alcor in Thin Haze — Teyvat Palette */
:root {
--zenith-blue: oklch(0.56 0.109 247); /* Zenith Blue #3879b1 */
--sea-haze: oklch(0.96 0.027 213); /* Sea Haze #def7fd */
--hull-blue: oklch(0.65 0.068 241); /* Hull Blue #6995b5 */
--crossing-violet: oklch(0.53 0.037 312); /* Crossing Violet #73667c */
--ember-vermilion: oklch(0.63 0.06 11); /* Ember Vermilion #aa7a80 */
--gradient-alcor: linear-gradient(180deg, oklch(0.56 0.109 247) 0%, oklch(0.67 0.103 239) 42%, oklch(0.96 0.027 213) 58%, oklch(0.65 0.068 241) 80%, oklch(0.73 0.074 229) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.