Tan and terracotta cream palette

The Tan and terracotta cream palette brings together dark gray, orange, light orange, and pale orange. Linear gradient, 32 colors at 90°: #2f241f, #7b6050, #cbae90, #eedbba, #fdf2db. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#2f241f
#342822
#3c2e27
#45352d
#4f3d33
#5a453a
#664e41
#715749
#7b6050
#866957
#91735f
#9c7d68
#a68870
#b19279
#bb9c81
#c4a588
#cbae90
#d2b696
#d8bd9d
#dec4a3
#e2caa9
#e7d0af
#ebd6b4
#eedbba
#f2dfbf
#f4e3c4
#f7e7c9
#f8eace
#faedd2
#fbefd5
#fcf1d8
#fdf2db

CSS

background: linear-gradient(90deg in oklch, oklch(27.17% 0.0193 48.52) 0.0%, oklch(29.01% 0.0213 48.69) 3.2%, oklch(31.46% 0.0240 48.82) 6.5%, oklch(34.38% 0.0272 48.98) 9.7%, oklch(37.62% 0.0308 49.21) 12.9%, oklch(41.06% 0.0344 49.57) 16.1%, oklch(44.56% 0.0378 50.12) 19.4%, oklch(47.97% 0.0408 50.91) 22.6%, oklch(51.18% 0.0433 51.99) 25.8%, oklch(54.46% 0.0454 53.41) 29.0%, oklch(57.88% 0.0473 55.13) 32.3%, oklch(61.36% 0.0491 57.07) 35.5%, oklch(64.82% 0.0506 59.15) 38.7%, oklch(68.18% 0.0518 61.30) 41.9%, oklch(71.35% 0.0528 63.44) 45.2%, oklch(74.26% 0.0535 65.50) 48.4%, oklch(76.85% 0.0539 67.46) 51.6%, oklch(79.20% 0.0539 69.50) 54.8%, oklch(81.37% 0.0535 71.63) 58.1%, oklch(83.35% 0.0529 73.75) 61.3%, oklch(85.18% 0.0521 75.82) 64.5%, oklch(86.85% 0.0510 77.75) 67.7%, oklch(88.39% 0.0498 79.49) 71.0%, oklch(89.82% 0.0486 80.96) 74.2%, oklch(91.12% 0.0471 82.12) 77.4%, oklch(92.26% 0.0452 83.03) 80.6%, oklch(93.26% 0.0429 83.73) 83.9%, oklch(94.12% 0.0406 84.26) 87.1%, oklch(94.86% 0.0383 84.66) 90.3%, oklch(95.48% 0.0361 84.97) 93.5%, oklch(96.01% 0.0344 85.24) 96.8%, oklch(96.46% 0.0331 85.50) 100.0%);

In these collections

Cream