# Rose and orange text palette

The Rose and orange text palette brings together red and orange. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is red, and its lightest tone is orange.

- Also called: Neon analogous red to orange linear gradient
- Seed: `kSjKANTtPB9bIwk`
- Page: https://grabient.com/kSjKANTtPB9bIwk?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.7 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 | `#d4013c` | `oklch(55.12% 0.2205 18.28)` | Them Apples | white, 5.4 to 1 |
| 2 | `#d5033b` | `oklch(55.36% 0.2209 18.89)` | Kurenai Red | white, 5.3 to 1 |
| 3 | `#d60539` | `oklch(55.66% 0.2215 19.61)` | Kurenai Red | white, 5.3 to 1 |
| 4 | `#d80837` | `oklch(56.00% 0.2223 20.44)` | Carmine | white, 5.2 to 1 |
| 5 | `#da0b35` | `oklch(56.38% 0.2233 21.37)` | Red Hot | white, 5.1 to 1 |
| 6 | `#dc0e32` | `oklch(56.80% 0.2243 22.37)` | Rare Red | white, 5 to 1 |
| 7 | `#de112f` | `oklch(57.24% 0.2253 23.45)` | Rare Red | white, 4.9 to 1 |
| 8 | `#e0142b` | `oklch(57.71% 0.2264 24.59)` | Medium Candy Apple Red | white, 4.8 to 1 |
| 9 | `#e21727` | `oklch(58.19% 0.2274 25.78)` | Brutal Doom | white, 4.7 to 1 |
| 10 | `#e51b22` | `oklch(58.69% 0.2284 27.01)` | Brutal Doom | white, 4.6 to 1 |
| 11 | `#e71e1c` | `oklch(59.19% 0.2293 28.27)` | Lust | black, 4.5 to 1 |
| 12 | `#e92215` | `oklch(59.70% 0.2300 29.54)` | Lust | black, 4.6 to 1 |
| 13 | `#eb250b` | `oklch(60.19% 0.2305 30.82)` | Hestia Red | black, 4.7 to 1 |
| 14 | `#ec2a00` | `oklch(60.68% 0.2295 32.08)` | Tomato Red | black, 4.9 to 1 |
| 15 | `#eb3300` | `oklch(61.15% 0.2237 33.33)` | Gran Torino Red | black, 5 to 1 |
| 16 | `#eb3a00` | `oklch(61.60% 0.2184 34.57)` | Chilli Crab | black, 5.1 to 1 |
| 17 | `#ea4000` | `oklch(62.02% 0.2136 35.78)` | Chilli Crab | black, 5.2 to 1 |
| 18 | `#e94600` | `oklch(62.46% 0.2087 37.07)` | Baptism by Fire | black, 5.3 to 1 |
| 19 | `#e94b00` | `oklch(62.92% 0.2040 38.45)` | Kimchi | black, 5.4 to 1 |
| 20 | `#e85100` | `oklch(63.39% 0.1994 39.88)` | Kyawthuite | black, 5.5 to 1 |
| 21 | `#e85500` | `oklch(63.86% 0.1951 41.37)` | Jokaero Orange | black, 5.7 to 1 |
| 22 | `#e75a00` | `oklch(64.33% 0.1910 42.87)` | Tobiko Orange | black, 5.8 to 1 |
| 23 | `#e75e00` | `oklch(64.80% 0.1872 44.39)` | Spanish Orange | black, 5.9 to 1 |
| 24 | `#e66200` | `oklch(65.27% 0.1838 45.89)` | Spanish Orange | black, 6.1 to 1 |
| 25 | `#e66600` | `oklch(65.72% 0.1807 47.37)` | Brihaspati Orange | black, 6.2 to 1 |
| 26 | `#e56900` | `oklch(66.15% 0.1780 48.79)` | Accent Orange | black, 6.3 to 1 |
| 27 | `#e56c00` | `oklch(66.56% 0.1756 50.14)` | Accent Orange | black, 6.4 to 1 |
| 28 | `#e56f00` | `oklch(66.94% 0.1735 51.41)` | Accent Orange | black, 6.5 to 1 |
| 29 | `#e57100` | `oklch(67.29% 0.1717 52.58)` | Thai Mango | black, 6.6 to 1 |
| 30 | `#e57300` | `oklch(67.61% 0.1703 53.62)` | Thai Mango | black, 6.7 to 1 |
| 31 | `#e57500` | `oklch(67.88% 0.1691 54.51)` | Martian Colony | black, 6.8 to 1 |
| 32 | `#e57700` | `oklch(68.11% 0.1681 55.25)` | First of Fall | black, 6.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d4013c 0.0%, #d5033b 3.2%, #d60539 6.5%, #d80837 9.7%, #da0b35 12.9%, #dc0e32 16.1%, #de112f 19.4%, #e0142b 22.6%, #e21727 25.8%, #e51b22 29.0%, #e71e1c 32.3%, #e92215 35.5%, #eb250b 38.7%, #ec2a00 41.9%, #eb3300 45.2%, #eb3a00 48.4%, #ea4000 51.6%, #e94600 54.8%, #e94b00 58.1%, #e85100 61.3%, #e85500 64.5%, #e75a00 67.7%, #e75e00 71.0%, #e66200 74.2%, #e66600 77.4%, #e56900 80.6%, #e56c00 83.9%, #e56f00 87.1%, #e57100 90.3%, #e57300 93.5%, #e57500 96.8%, #e57700 100.0%);
background: linear-gradient(90deg in oklch, oklch(55.12% 0.2205 18.28) 0.0%, oklch(55.36% 0.2209 18.89) 3.2%, oklch(55.66% 0.2215 19.61) 6.5%, oklch(56.00% 0.2223 20.44) 9.7%, oklch(56.38% 0.2233 21.37) 12.9%, oklch(56.80% 0.2243 22.37) 16.1%, oklch(57.24% 0.2253 23.45) 19.4%, oklch(57.71% 0.2264 24.59) 22.6%, oklch(58.19% 0.2274 25.78) 25.8%, oklch(58.69% 0.2284 27.01) 29.0%, oklch(59.19% 0.2293 28.27) 32.3%, oklch(59.70% 0.2300 29.54) 35.5%, oklch(60.19% 0.2305 30.82) 38.7%, oklch(60.68% 0.2295 32.08) 41.9%, oklch(61.15% 0.2237 33.33) 45.2%, oklch(61.60% 0.2184 34.57) 48.4%, oklch(62.02% 0.2136 35.78) 51.6%, oklch(62.46% 0.2087 37.07) 54.8%, oklch(62.92% 0.2040 38.45) 58.1%, oklch(63.39% 0.1994 39.88) 61.3%, oklch(63.86% 0.1951 41.37) 64.5%, oklch(64.33% 0.1910 42.87) 67.7%, oklch(64.80% 0.1872 44.39) 71.0%, oklch(65.27% 0.1838 45.89) 74.2%, oklch(65.72% 0.1807 47.37) 77.4%, oklch(66.15% 0.1780 48.79) 80.6%, oklch(66.56% 0.1756 50.14) 83.9%, oklch(66.94% 0.1735 51.41) 87.1%, oklch(67.29% 0.1717 52.58) 90.3%, oklch(67.61% 0.1703 53.62) 93.5%, oklch(67.88% 0.1691 54.51) 96.8%, oklch(68.11% 0.1681 55.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.22 | 18.3 |
| 2 | 0.618 | 0.23 | 35.2 |
| 3 | 0.681 | 0.2 | 55.3 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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