Royal blue is a vivid, slightly violet blue. The CSS keyword royalblue is exactly #4169E1 — the same HEX that anchors all three palettes below. Copy the HEX codes from any scheme below, or generate a harmonious royal-blue palette anchored to a base colour you pick.
Classic Royal Blue is the tightest set, 225°–229° hue across 26%–69% lightness. Royal & Sky pulls the dark end toward a truer blue (#002855, #023E8A) and the light end up to #90C2FF. Deep Royal is the most violet of the three, holding 229°–233° throughout.
#0A1F7A#1E3AA8#2E4FD4#4169E1#7089F0#002855#023E8A#0353A4#4169E1#90C2FF#0B1354#16257A#2438A8#3552D6#5C77F0Anchored to a royal blue base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Royal blue is saturated and confident, so most palettes give it white or a light grey to breathe against plus one warm accent — gold for formality, orange for energy. It is a standard choice for sport, finance and institutional branding. Navy is the muted version, dark blue the broader family and jewel tones the set it belongs to.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Classic Royal Blue row above reads #0A1F7A through #7089F0 and you can type those five in as the custom properties yourself. The generator instead rolls around #4169E1, the base royal blue this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.More palettes: Jewel Tone palette · Purple palette · Blue palette · all colours