Coastal Blue and Olive Steps

Duotone light blue and brown color palette

Linear swatches, 5 colors at 135°: #c7e4ef, #a2c4cf, #83abc3, #578094, #656641. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#c7e4ef
#a2c4cf
#83abc3
#578094
#656641

CSS

background: linear-gradient(135deg, oklch(90.16% 0.0344 220.08) 0.000% 20.000%, oklch(79.92% 0.0400 220.08) 20.000% 40.000%, oklch(72.05% 0.0551 234.87) 40.000% 60.000%, oklch(57.87% 0.0551 229.59) 60.000% 80.000%, oklch(50.00% 0.0551 109.12) 80.000% 100.000%);

In these collections

Behr 2027 swatches