Dark blue is the deep end of the blue family rather than one shade — anything from a midnight #03045E through navy to a desaturated steel blue. Grab the HEX codes from a scheme below, or build a custom dark-blue palette around any base colour with the generator.
Midnight Blue stays saturated at every step (94%–97%), so it reads as colour rather than as dark. Deep Navy Blue goes further down, bottoming out at #000814, which is effectively a black. Dark & Steel Blue is the softest, dropping saturation to 17% at #6C7A97 and giving you a usable light tone.
#03045E#023E8A#0353A4#0466C8#0582CA#000814#001D3D#003566#0A2472#123499#0B132B#1C2541#3A506B#6C7A97#A9B4CCAnchored to a dark 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.
Dark blue behaves like a neutral, so most palettes treat it as the ground and put a single warm accent on it — gold, amber or a warm off-white. It carries white text at any of the depths here. For the specific traditional shade see navy blue; for the purple end of the same range, indigo; for the vivid end, royal blue.
: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. The Deep Navy Blue row above is a second ready-made option — #000814, #123499 and the three steps between them — if you would rather not generate at all. The generator itself rolls around #03045E, the base dark blue for this page. Use Copy JSON for an array or Copy HEX for a comma-separated line if custom properties are not how your project stores colour.More palettes: Indigo palette · Jewel Tone palette · Purple palette · all colours