Indigo rose olive bands

Triadic navy, gray, pink and olive color palette

These five diagonal bands move from deep indigo through muted blue and pale lavender-white to dusty rose and olive. Linear swatches, 5 colors at 259°: #1d3157, #546fa5, #e8ebf4, #bd5a70, #6b7743. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1d3157
#546fa5
#e8ebf4
#bd5a70
#6b7743

CSS

background: linear-gradient(259deg, oklch(31.89% 0.0730 262.27) 0.000% 20.000%, oklch(54.33% 0.0909 263.32) 20.000% 40.000%, oklch(94.09% 0.0124 267.55) 40.000% 60.000%, oklch(59.45% 0.1295 7.94) 60.000% 80.000%, oklch(54.72% 0.0758 119.96) 80.000% 100.000%);

In these collections

Presentation swatches