Navy, rose and ochre color palette
The Navy, rose and ochre color palette brings together dark blue, purple, magenta, red, and gold. Linear gradient, 32 colors at 90°: #1f145d, #5c36ab, #d83e96, #ff655c, #ffc54e. Edit and export CSS, SVG, PNG or a shader.
5 editable OKLCH keyframes.
- #1f145d
- #231663
- #281a6c
- #2d1f76
- #342481
- #3c2a8d
- #452e99
- #5033a3
- #5c36ab
- #6a37b0
- #7a39b4
- #8c39b4
- #9e39b2
- #af39ad
- #bf3aa6
- #cd3b9e
- #d83e96
- #e1418e
- #e84586
- #ee4a7e
- #f34f76
- #f7556d
- #fb5c65
- #ff655c
- #ff7256
- #ff8152
- #ff8f50
- #ff9d4f
- #ffaa50
- #ffb550
- #ffbe50
- #ffc54e
CSS
background: linear-gradient(90deg in oklch, oklch(26.38% 0.1226 281.25) 0.0%, oklch(27.81% 0.1270 281.77) 3.2%, oklch(29.72% 0.1329 282.13) 6.5%, oklch(32.00% 0.1400 282.53) 9.7%, oklch(34.53% 0.1478 283.21) 12.9%, oklch(37.18% 0.1558 284.36) 16.1%, oklch(39.82% 0.1635 286.22) 19.4%, oklch(42.35% 0.1705 289.00) 22.6%, oklch(44.65% 0.1764 292.93) 25.8%, oklch(46.90% 0.1818 298.31) 29.0%, oklch(49.18% 0.1872 304.94) 32.3%, oklch(51.45% 0.1923 312.43) 35.5%, oklch(53.68% 0.1969 320.40) 38.7%, oklch(55.83% 0.2009 328.49) 41.9%, oklch(57.87% 0.2040 336.33) 45.2%, oklch(59.75% 0.2061 343.52) 48.4%, oklch(61.44% 0.2070 349.79) 51.6%, oklch(62.88% 0.2067 355.42) 54.8%, oklch(64.12% 0.2053 0.63) 58.1%, oklch(65.24% 0.2031 5.60) 61.3%, oklch(66.32% 0.2003 10.50) 64.5%, oklch(67.44% 0.1970 15.50) 67.7%, oklch(68.67% 0.1934 20.77) 71.0%, oklch(70.08% 0.1897 26.47) 74.2%, oklch(71.78% 0.1777 32.93) 77.4%, oklch(73.80% 0.1658 40.36) 80.6%, oklch(76.01% 0.1559 48.36) 83.9%, oklch(78.28% 0.1486 56.50) 87.1%, oklch(80.49% 0.1443 64.35) 90.3%, oklch(82.51% 0.1430 71.49) 93.5%, oklch(84.20% 0.1443 77.47) 96.8%, oklch(85.43% 0.1471 81.88) 100.0%);In these collections
Bright gradientsSummer gradients
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
