Dark roast

Linear gradient, 32 colors at 135°: #2b1a12, #382218, #4b3023, #634332, #7b5642. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#2b1a12
#2c1b13
#2d1c13
#2f1c14
#301d15
#321f15
#342016
#362117
#382218
#3a2419
#3c251b
#3f271c
#41291d
#442a1e
#462c20
#492e21
#4b3023
#4e3225
#513527
#553729
#583a2b
#5c3d2d
#5f4030
#634332
#674635
#6a4937
#6e4b39
#714e3b
#74503d
#77533f
#795441
#7b5642

CSS

background: linear-gradient(135deg in oklch, oklch(23.76% 0.0310 45.99) 0.0%, oklch(24.10% 0.0316 46.00) 3.2%, oklch(24.50% 0.0322 46.01) 6.5%, oklch(24.94% 0.0329 46.01) 9.7%, oklch(25.43% 0.0338 46.01) 12.9%, oklch(25.97% 0.0347 46.01) 16.1%, oklch(26.54% 0.0356 46.02) 19.4%, oklch(27.16% 0.0367 46.02) 22.6%, oklch(27.80% 0.0377 46.03) 25.8%, oklch(28.48% 0.0388 46.05) 29.0%, oklch(29.19% 0.0399 46.08) 32.3%, oklch(29.92% 0.0410 46.11) 35.5%, oklch(30.67% 0.0420 46.16) 38.7%, oklch(31.44% 0.0431 46.22) 41.9%, oklch(32.23% 0.0441 46.29) 45.2%, oklch(33.03% 0.0450 46.38) 48.4%, oklch(33.85% 0.0459 46.49) 51.6%, oklch(34.76% 0.0468 46.63) 54.8%, oklch(35.75% 0.0477 46.79) 58.1%, oklch(36.81% 0.0487 46.98) 61.3%, oklch(37.93% 0.0496 47.18) 64.5%, oklch(39.08% 0.0506 47.39) 67.7%, oklch(40.24% 0.0515 47.62) 71.0%, oklch(41.41% 0.0525 47.84) 74.2%, oklch(42.56% 0.0534 48.07) 77.4%, oklch(43.68% 0.0542 48.30) 80.6%, oklch(44.75% 0.0550 48.51) 83.9%, oklch(45.76% 0.0558 48.72) 87.1%, oklch(46.68% 0.0565 48.90) 90.3%, oklch(47.50% 0.0571 49.07) 93.5%, oklch(48.20% 0.0577 49.21) 96.8%, oklch(48.76% 0.0581 49.32) 100.0%);

In these collections

Coffee color palettes