# Ink Clash palette

The Ink Clash palette brings together pale orange, red, dark blue, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is dark blue, and its lightest tone is pale orange.

- Also called: Rainbow from beige to yellow linear gradient
- Seed: `kU7CA-R804aYfsbrOquA`
- Page: https://grabient.com/kU7CA-R804aYfsbrOquA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.6 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 | `#f4e6c7` | `oklch(92.91% 0.0441 87.19)` | Cottonseed | black, 17 to 1 |
| 2 | `#f2deb8` | `oklch(90.77% 0.0550 83.80)` | Nothing Less | black, 15.9 to 1 |
| 3 | `#f0d3a3` | `oklch(87.98% 0.0705 79.77)` | Antique Wicker Basket | black, 14.5 to 1 |
| 4 | `#efc58a` | `oklch(84.65% 0.0894 75.12)` | Pollen Grains | black, 13 to 1 |
| 5 | `#efb46e` | `oklch(80.93% 0.1104 69.87)` | Golden Corn | black, 11.4 to 1 |
| 6 | `#eea151` | `oklch(76.94% 0.1323 64.04)` | Doughnut | black, 9.8 to 1 |
| 7 | `#ed8b33` | `oklch(72.80% 0.1539 57.64)` | Peril’s Flames | black, 8.3 to 1 |
| 8 | `#eb7415` | `oklch(68.64% 0.1738 50.69)` | Supernatural Saffron | black, 7 to 1 |
| 9 | `#e85b00` | `oklch(64.60% 0.1907 43.19)` | Tobiko Orange | black, 5.9 to 1 |
| 10 | `#e24212` | `oklch(60.79% 0.2037 35.22)` | Tail Lights | black, 5 to 1 |
| 11 | `#d9282a` | `oklch(57.34% 0.2111 26.72)` | Royal Mail Red | white, 4.8 to 1 |
| 12 | `#cd0d3e` | `oklch(54.15% 0.2120 17.72)` | Toreador | white, 5.6 to 1 |
| 13 | `#ba004e` | `oklch(50.59% 0.2026 8.17)` | Velvet Magic | white, 6.5 to 1 |
| 14 | `#a4005a` | `oklch(46.78% 0.1905 358.04)` | Banafsaji Purple | white, 7.6 to 1 |
| 15 | `#8e0062` | `oklch(42.92% 0.1808 347.36)` | Cardinal Pink | white, 9 to 1 |
| 16 | `#760b66` | `oklch(39.18% 0.1643 336.15)` | Purple Curse | white, 10.4 to 1 |
| 17 | `#5f1366` | `oklch(35.78% 0.1463 324.43)` | Purple Dreamer | white, 11.8 to 1 |
| 18 | `#4b1963` | `oklch(32.91% 0.1285 312.20)` | Fading Horizon | white, 13 to 1 |
| 19 | `#391d5f` | `oklch(30.74% 0.1122 299.49)` | Christalle | white, 13.8 to 1 |
| 20 | `#2b215a` | `oklch(29.49% 0.0989 286.30)` | Cluedo Night | white, 14.3 to 1 |
| 21 | `#1e2658` | `oklch(29.32% 0.0898 272.66)` | Ultramarine Violet | white, 14.2 to 1 |
| 22 | `#102e59` | `oklch(30.48% 0.0862 258.45)` | Ambassador Blue | white, 13.5 to 1 |
| 23 | `#003a5c` | `oklch(33.38% 0.0799 242.46)` | Poseidon | white, 11.9 to 1 |
| 24 | `#00495e` | `oklch(37.81% 0.0714 224.57)` | Stegadon Scale Green | white, 9.8 to 1 |
| 25 | `#005c65` | `oklch(43.39% 0.0742 205.52)` | Enamelled Jewel | white, 7.7 to 1 |
| 26 | `#00726a` | `oklch(49.78% 0.0873 185.94)` | Pharaoh’s Gem | white, 5.7 to 1 |
| 27 | `#008b67` | `oklch(56.59% 0.1168 166.43)` | Kabalite Green | black, 4.9 to 1 |
| 28 | `#4d9f5b` | `oklch(63.46% 0.1287 147.59)` | Longing for Nature | black, 6.4 to 1 |
| 29 | `#81af4c` | `oklch(70.04% 0.1391 130.03)` | Parakeet | black, 8.1 to 1 |
| 30 | `#b0bb3b` | `oklch(75.94% 0.1485 114.34)` | Hopscotch | black, 10 to 1 |
| 31 | `#d6c22f` | `oklch(80.80% 0.1561 101.15)` | Zingiber | black, 11.6 to 1 |
| 32 | `#f2c62e` | `oklch(84.25% 0.1612 91.06)` | Saffron | black, 12.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f4e6c7 0.0%, #f2deb8 3.2%, #f0d3a3 6.5%, #efc58a 9.7%, #efb46e 12.9%, #eea151 16.1%, #ed8b33 19.4%, #eb7415 22.6%, #e85b00 25.8%, #e24212 29.0%, #d9282a 32.3%, #cd0d3e 35.5%, #ba004e 38.7%, #a4005a 41.9%, #8e0062 45.2%, #760b66 48.4%, #5f1366 51.6%, #4b1963 54.8%, #391d5f 58.1%, #2b215a 61.3%, #1e2658 64.5%, #102e59 67.7%, #003a5c 71.0%, #00495e 74.2%, #005c65 77.4%, #00726a 80.6%, #008b67 83.9%, #4d9f5b 87.1%, #81af4c 90.3%, #b0bb3b 93.5%, #d6c22f 96.8%, #f2c62e 100.0%);
background: linear-gradient(90deg in oklch, oklch(92.91% 0.0441 87.19) 0.0%, oklch(90.77% 0.0550 83.80) 3.2%, oklch(87.98% 0.0705 79.77) 6.5%, oklch(84.65% 0.0894 75.12) 9.7%, oklch(80.93% 0.1104 69.87) 12.9%, oklch(76.94% 0.1323 64.04) 16.1%, oklch(72.80% 0.1539 57.64) 19.4%, oklch(68.64% 0.1738 50.69) 22.6%, oklch(64.60% 0.1907 43.19) 25.8%, oklch(60.79% 0.2037 35.22) 29.0%, oklch(57.34% 0.2111 26.72) 32.3%, oklch(54.15% 0.2120 17.72) 35.5%, oklch(50.59% 0.2026 8.17) 38.7%, oklch(46.78% 0.1905 358.04) 41.9%, oklch(42.92% 0.1808 347.36) 45.2%, oklch(39.18% 0.1643 336.15) 48.4%, oklch(35.78% 0.1463 324.43) 51.6%, oklch(32.91% 0.1285 312.20) 54.8%, oklch(30.74% 0.1122 299.49) 58.1%, oklch(29.49% 0.0989 286.30) 61.3%, oklch(29.32% 0.0898 272.66) 64.5%, oklch(30.48% 0.0862 258.45) 67.7%, oklch(33.38% 0.0799 242.46) 71.0%, oklch(37.81% 0.0714 224.57) 74.2%, oklch(43.39% 0.0742 205.52) 77.4%, oklch(49.78% 0.0873 185.94) 80.6%, oklch(56.59% 0.1168 166.43) 83.9%, oklch(63.46% 0.1287 147.59) 87.1%, oklch(70.04% 0.1391 130.03) 90.3%, oklch(75.94% 0.1485 114.34) 93.5%, oklch(80.80% 0.1561 101.15) 96.8%, oklch(84.25% 0.1612 91.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.044 | 87.2 |
| 2 | 0.563 | 0.212 | 23.8 |
| 3 | 0.299 | 0.087 | -96.7 |
| 4 | 0.843 | 0.161 | -268.9 |

## In these collections

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

## Other forms

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