#505285
#585E92
#65689F
#7474B0
#7E7EBB
#8389C7
#9795D4
#A2A1DC
#B5AEE4
Linear CSS gradient
#072 Spiky Naga Gradient
Spiky Naga is a smooth linear CSS gradient flowing upward from bottom to top, built from cornflower blue (#505285), sky blue (#585E92), cornflower blue (#65689F), cornflower blue (#7474B0), cornflower blue (#7E7EBB), cornflower blue (#8389C7), cornflower blue (#9795D4), lavender (#A2A1DC), and lavender (#B5AEE4) across 9 colour stops.
Clean and composed, the cool tones project clarity and analytical reliability without feeling cold.
Works well for SaaS marketing pages, corporate intranets, productivity tools. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#505285rgb(80, 82, 133)
#585E92rgb(88, 94, 146)
#65689Frgb(101, 104, 159)
#7474B0rgb(116, 116, 176)
#7E7EBBrgb(126, 126, 187)
#8389C7rgb(131, 137, 199)
#9795D4rgb(151, 149, 212)
#A2A1DCrgb(162, 161, 220)
#B5AEE4rgb(181, 174, 228)
CSS code
background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);