# Cherry coffee and warm cream gradient

A vertical gradient moves from dark coffee brown through deep cherry red and warm coral into soft peach cream. The continuous color route suggests roasted coffee with a fruit accent and milk warmth. Use this home café palette for specialty drink menus, coffee packaging, and editorial backgrounds about coffee making.

- Also called: Analogous brown, maroon and beige linear gradient
- Seed: `kUOxMZsSS9cmsQZyDkQA`
- Page: https://grabient.com/kUOxMZsSS9cmsQZyDkQA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.3 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#281915` | `oklch(23.23% 0.0262 35.86)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 2 | `#2c1a16` | `oklch(24.09% 0.0307 34.50)` | Tetsu-Guro Black | white, 16.5 to 1 |
| 3 | `#321b17` | `oklch(25.17% 0.0367 32.57)` | Black Kite | white, 16 to 1 |
| 4 | `#381c18` | `oklch(26.45% 0.0440 30.23)` | Black Kite | white, 15.5 to 1 |
| 5 | `#3f1e1a` | `oklch(27.87% 0.0520 27.61)` | Longan’s Kernel | white, 14.9 to 1 |
| 6 | `#461f1d` | `oklch(29.43% 0.0606 24.89)` | Marmite | white, 14.2 to 1 |
| 7 | `#4e2020` | `oklch(31.08% 0.0694 22.20)` | Lees | white, 13.5 to 1 |
| 8 | `#562224` | `oklch(32.80% 0.0779 19.71)` | Burnt Crimson | white, 12.7 to 1 |
| 9 | `#5e2328` | `oklch(34.55% 0.0860 17.55)` | Red Oxide | white, 11.9 to 1 |
| 10 | `#66252d` | `oklch(36.30% 0.0931 15.90)` | Blackberry Pie | white, 11.2 to 1 |
| 11 | `#6d2831` | `oklch(38.02% 0.0990 14.89)` | Crystal Dark Red | white, 10.5 to 1 |
| 12 | `#742a35` | `oklch(39.69% 0.1036 14.59)` | Merlot Fields | white, 9.8 to 1 |
| 13 | `#7b2d38` | `oklch(41.33% 0.1081 14.73)` | Paprika | white, 9.2 to 1 |
| 14 | `#82303b` | `oklch(42.97% 0.1123 15.27)` | Blood Oath | white, 8.6 to 1 |
| 15 | `#89343e` | `oklch(44.63% 0.1161 16.17)` | Red Chicory | white, 8 to 1 |
| 16 | `#8f3740` | `oklch(46.32% 0.1194 17.38)` | Raspberry Fool | white, 7.4 to 1 |
| 17 | `#963c42` | `oklch(48.09% 0.1219 18.87)` | Cherry Tart | white, 6.9 to 1 |
| 18 | `#9d4144` | `oklch(49.94% 0.1237 20.61)` | Reddest Red | white, 6.4 to 1 |
| 19 | `#a44746` | `oklch(51.90% 0.1246 22.55)` | Roof Terracotta | white, 5.8 to 1 |
| 20 | `#ab4d49` | `oklch(54.00% 0.1244 24.67)` | Persimmon Red | white, 5.3 to 1 |
| 21 | `#b2554d` | `oklch(56.27% 0.1229 26.91)` | Deep Rose | white, 4.8 to 1 |
| 22 | `#b95e51` | `oklch(58.73% 0.1201 29.29)` | Tandoori | black, 4.7 to 1 |
| 23 | `#c06958` | `oklch(61.60% 0.1151 32.18)` | Cedar Grove | black, 5.3 to 1 |
| 24 | `#c77660` | `oklch(64.85% 0.1080 35.59)` | Pompeian Pink | black, 6.1 to 1 |
| 25 | `#ce846b` | `oklch(68.35% 0.0993 39.38)` | Rosy Pashmina | black, 7.1 to 1 |
| 26 | `#d59277` | `oklch(71.98% 0.0897 43.37)` | Feldspar | black, 8.2 to 1 |
| 27 | `#dba184` | `oklch(75.63% 0.0795 47.43)` | Sienna Ochre | black, 9.4 to 1 |
| 28 | `#e0af93` | `oklch(79.16% 0.0693 51.40)` | Bedtime Story | black, 10.7 to 1 |
| 29 | `#e5bca1` | `oklch(82.46% 0.0596 55.13)` | Mollusca | black, 12 to 1 |
| 30 | `#e9c8af` | `oklch(85.41% 0.0509 58.46)` | Desert Sand | black, 13.3 to 1 |
| 31 | `#edd1bb` | `oklch(87.88% 0.0438 61.25)` | Puppy Paws | black, 14.4 to 1 |
| 32 | `#f0d8c4` | `oklch(89.76% 0.0386 63.33)` | Hen of the Woods | black, 15.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #281915 0.0%, #2c1a16 3.2%, #321b17 6.5%, #381c18 9.7%, #3f1e1a 12.9%, #461f1d 16.1%, #4e2020 19.4%, #562224 22.6%, #5e2328 25.8%, #66252d 29.0%, #6d2831 32.3%, #742a35 35.5%, #7b2d38 38.7%, #82303b 41.9%, #89343e 45.2%, #8f3740 48.4%, #963c42 51.6%, #9d4144 54.8%, #a44746 58.1%, #ab4d49 61.3%, #b2554d 64.5%, #b95e51 67.7%, #c06958 71.0%, #c77660 74.2%, #ce846b 77.4%, #d59277 80.6%, #dba184 83.9%, #e0af93 87.1%, #e5bca1 90.3%, #e9c8af 93.5%, #edd1bb 96.8%, #f0d8c4 100.0%);
background: linear-gradient(180deg in oklch, oklch(23.23% 0.0262 35.86) 0.0%, oklch(24.09% 0.0307 34.50) 3.2%, oklch(25.17% 0.0367 32.57) 6.5%, oklch(26.45% 0.0440 30.23) 9.7%, oklch(27.87% 0.0520 27.61) 12.9%, oklch(29.43% 0.0606 24.89) 16.1%, oklch(31.08% 0.0694 22.20) 19.4%, oklch(32.80% 0.0779 19.71) 22.6%, oklch(34.55% 0.0860 17.55) 25.8%, oklch(36.30% 0.0931 15.90) 29.0%, oklch(38.02% 0.0990 14.89) 32.3%, oklch(39.69% 0.1036 14.59) 35.5%, oklch(41.33% 0.1081 14.73) 38.7%, oklch(42.97% 0.1123 15.27) 41.9%, oklch(44.63% 0.1161 16.17) 45.2%, oklch(46.32% 0.1194 17.38) 48.4%, oklch(48.09% 0.1219 18.87) 51.6%, oklch(49.94% 0.1237 20.61) 54.8%, oklch(51.90% 0.1246 22.55) 58.1%, oklch(54.00% 0.1244 24.67) 61.3%, oklch(56.27% 0.1229 26.91) 64.5%, oklch(58.73% 0.1201 29.29) 67.7%, oklch(61.60% 0.1151 32.18) 71.0%, oklch(64.85% 0.1080 35.59) 74.2%, oklch(68.35% 0.0993 39.38) 77.4%, oklch(71.98% 0.0897 43.37) 80.6%, oklch(75.63% 0.0795 47.43) 83.9%, oklch(79.16% 0.0693 51.40) 87.1%, oklch(82.46% 0.0596 55.13) 90.3%, oklch(85.41% 0.0509 58.46) 93.5%, oklch(87.88% 0.0438 61.25) 96.8%, oklch(89.76% 0.0386 63.33) 100.0%);
```

## Keyframes

4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.026 | 35.9 |
| 2 | 0.386 | 0.101 | 14.7 |
| 3 | 0.579 | 0.121 | 28.5 |
| 4 | 0.898 | 0.039 | 63.3 |

## In these collections

- [Home café](https://grabient.com/home-cafe)

## Other forms

- [JSON](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.json?steps=32&angle=180)
- [PNG](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.png?steps=32&angle=180)
- [SVG](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.svg?steps=32&angle=180)
- [CSS](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.css?steps=32&angle=180)
- [ASE](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.ase?steps=32&angle=180)
- [GPL](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.gpl?steps=32&angle=180)
- [GRD](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.grd?steps=32&angle=180)
- [Design tokens](https://grabient.com/kUOxMZsSS9cmsQZyDkQA.tokens.json?steps=32&angle=180)
- [Social card](https://grabient.com/api/og?seed=kUOxMZsSS9cmsQZyDkQA&steps=32&angle=180)
- [Palettes like this one](https://grabient.com/palettes?q=kUOxMZsSS9cmsQZyDkQA)
- [Guide for agents](https://grabient.com/llms.txt)