Blue hero section palette

This palette moves from dark blue to blue. #081c46, #0b2153, #11296a, #18317f, #263998, #373fae, #4d45c8, #5a48d5. Edit and export CSS, SVG, PNG or a shader.

32 colors, 3 editable OKLCH keyframes.

#081c46
#091d49
#091e4c
#0a1f4f
#0b2153
#0c2257
#0d245b
#0e2660
#0f2765
#11296a
#122b6f
#142d74
#162f7a
#18317f
#1a3384
#1d3489
#1f368e
#233793
#263998
#2a3b9e
#2e3ca3
#333ea9
#373fae
#3c40b4
#4042b9
#4543be
#4944c3
#4d45c8
#5146cc
#5547d0
#5847d3
#5a48d5

CSS

background: linear-gradient(225deg in oklch, oklch(24.02% 0.0841 262.97) 0.0%, oklch(24.49% 0.0863 263.10) 3.2%, oklch(25.05% 0.0890 263.23) 6.5%, oklch(25.70% 0.0922 263.36) 9.7%, oklch(26.43% 0.0957 263.50) 12.9%, oklch(27.22% 0.0995 263.65) 16.1%, oklch(28.06% 0.1036 263.81) 19.4%, oklch(28.96% 0.1079 264.00) 22.6%, oklch(29.89% 0.1124 264.21) 25.8%, oklch(30.84% 0.1170 264.46) 29.0%, oklch(31.81% 0.1216 264.74) 32.3%, oklch(32.79% 0.1263 265.07) 35.5%, oklch(33.76% 0.1309 265.44) 38.7%, oklch(34.73% 0.1355 265.87) 41.9%, oklch(35.66% 0.1399 266.35) 45.2%, oklch(36.57% 0.1441 266.90) 48.4%, oklch(37.45% 0.1481 267.52) 51.6%, oklch(38.37% 0.1522 268.27) 54.8%, oklch(39.34% 0.1566 269.14) 58.1%, oklch(40.34% 0.1610 270.11) 61.3%, oklch(41.36% 0.1656 271.16) 64.5%, oklch(42.40% 0.1701 272.27) 67.7%, oklch(43.43% 0.1747 273.41) 71.0%, oklch(44.46% 0.1792 274.57) 74.2%, oklch(45.46% 0.1835 275.72) 77.4%, oklch(46.42% 0.1877 276.85) 80.6%, oklch(47.33% 0.1917 277.94) 83.9%, oklch(48.19% 0.1954 278.96) 87.1%, oklch(48.98% 0.1988 279.90) 90.3%, oklch(49.68% 0.2018 280.73) 93.5%, oklch(50.29% 0.2045 281.43) 96.8%, oklch(50.79% 0.2067 281.99) 100.0%);

In these collections

Hero section gradients