#2B5876
#4E4376
Linear CSS gradient
#103 Midnight Bloom Gradient
Midnight Bloom blends navy (#2B5876) and indigo (#4E4376) in a smooth linear CSS gradient across two colour stops.
The dark, blue-leaning palette communicates professionalism and depth — a natural fit for tools people rely on.
Works well for premium SaaS dashboards, fintech apps, developer tool landing pages. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#2B5876rgb(43, 88, 118)
#4E4376rgb(78, 67, 118)
CSS code
background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);