Midnight Navy
moodyminimal
#0e1c30 · 0%#1f3a5f · 55%#3e5f8a · 100%
Why it blends
Three navies on one hue, spaced by even luminance steps rather than even hex distance, which is what keeps long vertical dark blends from striping. Reads as depth, not decoration, so chrome and type stay the heroes. The safe dark gradient background for SaaS heroes, slide decks, and footers; white text clears contrast at every stop.
Built around Navy Blue.
Use this gradient
CSS
background-image: linear-gradient(180deg, #0e1c30 0%, #1f3a5f 55%, #3e5f8a 100%);