Slate, Sage and Terracotta

Deep slate blue leads to sage and khaki, then green, ochre and a dusty mauve, ending on a soft dusty blue. Subtle and sophisticated. Linear swatches, 5 colors at 135°: #263a48, #c8ba98, #66805f, #b17452, #7693a3. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#263a48
#c8ba98
#66805f
#b17452
#7693a3

CSS

background: linear-gradient(135deg, oklch(33.86% 0.0358 239.77) 0.000% 20.000%, oklch(79.13% 0.0482 88.65) 20.000% 40.000%, oklch(57.09% 0.0579 139.37) 40.000% 60.000%, oklch(61.42% 0.0909 49.55) 60.000% 80.000%, oklch(64.57% 0.0400 233.07) 80.000% 100.000%);

In these collections

Color trends 2027 swatches