# Ink Roll palette

The Ink Roll palette brings together pale orange, red, blue, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Rainbow from beige to teal linear gradient
- Seed: `kU5x84wr-5kKoMLFI7Rg`
- Page: https://grabient.com/kU5x84wr-5kKoMLFI7Rg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.1 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 | `#f1dfc2` | `oklch(90.94% 0.0427 79.45)` | Woven Raffia | black, 16 to 1 |
| 2 | `#edd6b4` | `oklch(88.57% 0.0511 76.68)` | Chai Tea Latte | black, 14.8 to 1 |
| 3 | `#e8c9a2` | `oklch(85.32% 0.0630 73.55)` | Hagar Shores | black, 13.3 to 1 |
| 4 | `#e3ba8b` | `oklch(81.41% 0.0773 69.99)` | Desert Dust | black, 11.6 to 1 |
| 5 | `#dda973` | `oklch(77.04% 0.0934 65.95)` | Sweet Cashew | black, 9.9 to 1 |
| 6 | `#d8955a` | `oklch(72.43% 0.1101 61.38)` | Brushed Clay | black, 8.3 to 1 |
| 7 | `#d28142` | `oklch(67.78% 0.1267 56.22)` | Phoenix Rising | black, 6.9 to 1 |
| 8 | `#cc6d2d` | `oklch(63.31% 0.1423 50.40)` | Kohaku Amber | black, 5.7 to 1 |
| 9 | `#c75820` | `oklch(59.23% 0.1559 43.87)` | Grieving Daylily | black, 4.8 to 1 |
| 10 | `#c1451f` | `oklch(55.73% 0.1666 36.58)` | Paprika Kisses | white, 5 to 1 |
| 11 | `#bb342b` | `oklch(53.04% 0.1736 28.46)` | Pesto Rosso | white, 5.7 to 1 |
| 12 | `#b6293c` | `oklch(51.27% 0.1763 19.30)` | Timeless Beauty | white, 6.2 to 1 |
| 13 | `#af244f` | `oklch(50.15% 0.1752 8.68)` | Minted Blueberry Lemonade | white, 6.5 to 1 |
| 14 | `#a72764` | `oklch(49.57% 0.1710 356.83)` | Plastic Lips | white, 6.7 to 1 |
| 15 | `#9d2f78` | `oklch(49.43% 0.1644 344.06)` | Purple Wine | white, 6.7 to 1 |
| 16 | `#91398b` | `oklch(49.63% 0.1562 330.66)` | Purple Excellency | white, 6.6 to 1 |
| 17 | `#84439a` | `oklch(50.07% 0.1469 316.90)` | Purple Pleasures | white, 6.4 to 1 |
| 18 | `#764ea5` | `oklch(50.65% 0.1374 303.09)` | Royal Lavender | white, 6.2 to 1 |
| 19 | `#6757ab` | `oklch(51.27% 0.1281 289.51)` | Blue Marguerite | white, 5.9 to 1 |
| 20 | `#5760ac` | `oklch(51.83% 0.1199 276.45)` | Submarine Base | white, 5.7 to 1 |
| 21 | `#4867ab` | `oklch(52.23% 0.1133 264.20)` | Indigo Batik | white, 5.5 to 1 |
| 22 | `#386ca7` | `oklch(52.40% 0.1090 252.97)` | Mega Blue | white, 5.4 to 1 |
| 23 | `#2571a2` | `oklch(52.53% 0.1060 241.83)` | Deep Water | white, 5.3 to 1 |
| 24 | `#09759b` | `oklch(52.71% 0.1036 230.62)` | Bateau | white, 5.2 to 1 |
| 25 | `#007891` | `oklch(52.92% 0.0960 219.52)` | Bayou Serenade | white, 5.1 to 1 |
| 26 | `#007a88` | `oklch(53.15% 0.0915 208.67)` | Biscay Bay | white, 5 to 1 |
| 27 | `#007d80` | `oklch(53.39% 0.0908 198.28)` | Macquarie | white, 4.9 to 1 |
| 28 | `#007f78` | `oklch(53.62% 0.0931 188.52)` | Coelia Greenshade | white, 4.9 to 1 |
| 29 | `#008070` | `oklch(53.85% 0.0980 179.58)` | Tropical Green | white, 4.8 to 1 |
| 30 | `#188168` | `oklch(54.04% 0.0987 171.63)` | Emperor’s Silk | white, 4.7 to 1 |
| 31 | `#288161` | `oklch(54.21% 0.0983 164.85)` | Accent Green Blue | white, 4.7 to 1 |
| 32 | `#32815b` | `oklch(54.33% 0.0978 159.41)` | Kākāriki Green | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f1dfc2 0.0%, #edd6b4 3.2%, #e8c9a2 6.5%, #e3ba8b 9.7%, #dda973 12.9%, #d8955a 16.1%, #d28142 19.4%, #cc6d2d 22.6%, #c75820 25.8%, #c1451f 29.0%, #bb342b 32.3%, #b6293c 35.5%, #af244f 38.7%, #a72764 41.9%, #9d2f78 45.2%, #91398b 48.4%, #84439a 51.6%, #764ea5 54.8%, #6757ab 58.1%, #5760ac 61.3%, #4867ab 64.5%, #386ca7 67.7%, #2571a2 71.0%, #09759b 74.2%, #007891 77.4%, #007a88 80.6%, #007d80 83.9%, #007f78 87.1%, #008070 90.3%, #188168 93.5%, #288161 96.8%, #32815b 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.94% 0.0427 79.45) 0.0%, oklch(88.57% 0.0511 76.68) 3.2%, oklch(85.32% 0.0630 73.55) 6.5%, oklch(81.41% 0.0773 69.99) 9.7%, oklch(77.04% 0.0934 65.95) 12.9%, oklch(72.43% 0.1101 61.38) 16.1%, oklch(67.78% 0.1267 56.22) 19.4%, oklch(63.31% 0.1423 50.40) 22.6%, oklch(59.23% 0.1559 43.87) 25.8%, oklch(55.73% 0.1666 36.58) 29.0%, oklch(53.04% 0.1736 28.46) 32.3%, oklch(51.27% 0.1763 19.30) 35.5%, oklch(50.15% 0.1752 8.68) 38.7%, oklch(49.57% 0.1710 356.83) 41.9%, oklch(49.43% 0.1644 344.06) 45.2%, oklch(49.63% 0.1562 330.66) 48.4%, oklch(50.07% 0.1469 316.90) 51.6%, oklch(50.65% 0.1374 303.09) 54.8%, oklch(51.27% 0.1281 289.51) 58.1%, oklch(51.83% 0.1199 276.45) 61.3%, oklch(52.23% 0.1133 264.20) 64.5%, oklch(52.40% 0.1090 252.97) 67.7%, oklch(52.53% 0.1060 241.83) 71.0%, oklch(52.71% 0.1036 230.62) 74.2%, oklch(52.92% 0.0960 219.52) 77.4%, oklch(53.15% 0.0915 208.67) 80.6%, oklch(53.39% 0.0908 198.28) 83.9%, oklch(53.62% 0.0931 188.52) 87.1%, oklch(53.85% 0.0980 179.58) 90.3%, oklch(54.04% 0.0987 171.63) 93.5%, oklch(54.21% 0.0983 164.85) 96.8%, oklch(54.33% 0.0978 159.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.043 | 79.5 |
| 2 | 0.524 | 0.175 | 25.6 |
| 3 | 0.524 | 0.11 | -103.4 |
| 4 | 0.543 | 0.098 | -200.6 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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