Royal Pulse
vibrantluxurious
#21368f · 0%#4169e1 · 55%#8aa4f0 · 100%
Why it blends
Royal blue amplified along its own hue: a deep navy-violet base, the saturated anchor past center, then a bright periwinkle exit. Keeping the entire path inside one hue lets the strong chroma stay smooth instead of banding where blue gradients usually do. Use for CTAs, pricing heroes, and app store screenshots with white type low in the frame.
Built around Royal Blue.
Use this gradient
CSS
background-image: linear-gradient(135deg, #21368f 0%, #4169e1 55%, #8aa4f0 100%);