Navy blue is the dark blue of naval uniform. The CSS keyword navy is #000080, though most modern palettes use something desaturated and slightly grey, like the #1B263B below. Grab the HEX codes from a scheme below, or build a custom navy palette around any base colour with the generator.
Classic Navy is the muted version, 29%–59% saturation, and behaves like a dark neutral. Navy & Slate adds the light end the other sets lack — #778DA9 and an off-white #E0E1DD. Deep Navy is the most saturated and includes a true midnight, #03045E.
#0B132B#14213D#1B263B#274060#415A77#0D1B2A#1B263B#415A77#778DA9#E0E1DD#03045E#023E8A#0353A4#14213D#0B132BAnchored to a navy 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.
Navy is a substitute for black that still counts as a colour, so it takes the same partners: white or an off-white for text, gold or a warm tan as the accent, and gray for everything in between. It is the default for corporate, legal, nautical and editorial work. For the near-black version see charcoal.
: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. Because the picker is seeded with #1B263B, an export taken without changing the base stays inside the navy blue range. The JSON and HEX buttons hand back the same five values as an array and as a comma-separated line, which suit design tokens and quick pasting respectively. Lock a swatch to pin it, then re-roll the other four and export again without losing it.More palettes: Charcoal palette · Black palette · Dark Academia palette · all colours