# Crimson and orange color palette

The Crimson and orange color palette brings together red, light red, and pale orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits website sections and interface mockups. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Analogous pink to peach linear gradient
- Seed: `kSpUUSZaTBfKbQe`
- Page: https://grabient.com/kSpUUSZaTBfKbQe?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#c27871` | `oklch(64.96% 0.0951 25.31)` | Antique Pink | black, 6.2 to 1 |
| 2 | `#c47972` | `oklch(65.51% 0.0953 25.76)` | Antique Pink | black, 6.3 to 1 |
| 3 | `#c77b74` | `oklch(66.19% 0.0957 26.30)` | Chilli Soda | black, 6.5 to 1 |
| 4 | `#ca7e75` | `oklch(66.99% 0.0963 26.90)` | Chilli Soda | black, 6.7 to 1 |
| 5 | `#cd8077` | `oklch(67.88% 0.0969 27.58)` | Coral Garden | black, 6.9 to 1 |
| 6 | `#d08379` | `oklch(68.85% 0.0976 28.32)` | Coral Garden | black, 7.2 to 1 |
| 7 | `#d4867a` | `oklch(69.88% 0.0983 29.11)` | Pink Papaya | black, 7.5 to 1 |
| 8 | `#d88a7d` | `oklch(70.97% 0.0990 29.94)` | Indian Sunset | black, 7.8 to 1 |
| 9 | `#dc8d7f` | `oklch(72.08% 0.0996 30.82)` | Graceful Ballerina | black, 8.1 to 1 |
| 10 | `#e09081` | `oklch(73.22% 0.1002 31.73)` | Nude Flamingo | black, 8.5 to 1 |
| 11 | `#e49483` | `oklch(74.35% 0.1008 32.67)` | Ravishing Coral | black, 8.8 to 1 |
| 12 | `#e89885` | `oklch(75.48% 0.1011 33.62)` | Ravishing Coral | black, 9.2 to 1 |
| 13 | `#ec9b87` | `oklch(76.57% 0.1014 34.59)` | Whimsy | black, 9.6 to 1 |
| 14 | `#ef9f89` | `oklch(77.61% 0.1014 35.57)` | Stone Fruit | black, 9.9 to 1 |
| 15 | `#f2a28b` | `oklch(78.60% 0.1013 36.55)` | Stone Fruit | black, 10.3 to 1 |
| 16 | `#f5a58d` | `oklch(79.50% 0.1009 37.51)` | Lugganath Orange | black, 10.6 to 1 |
| 17 | `#f7a88f` | `oklch(80.33% 0.1002 38.48)` | Citrus Hill | black, 10.9 to 1 |
| 18 | `#f9ac91` | `oklch(81.14% 0.0992 39.53)` | Simply Coral | black, 11.3 to 1 |
| 19 | `#fbaf93` | `oklch(81.95% 0.0979 40.67)` | Simply Coral | black, 11.6 to 1 |
| 20 | `#fdb295` | `oklch(82.75% 0.0963 41.86)` | Mermaid Cheeks | black, 11.9 to 1 |
| 21 | `#feb598` | `oklch(83.54% 0.0945 43.10)` | Island Girl | black, 12.3 to 1 |
| 22 | `#ffb99a` | `oklch(84.32% 0.0918 44.37)` | Cream Puff | black, 12.6 to 1 |
| 23 | `#ffbd9e` | `oklch(85.07% 0.0875 45.65)` | Cream Puff | black, 12.9 to 1 |
| 24 | `#ffc0a2` | `oklch(85.80% 0.0835 46.93)` | Sweet Apricot | black, 13.3 to 1 |
| 25 | `#ffc4a5` | `oklch(86.49% 0.0797 48.18)` | Tomorrow’s Coral | black, 13.6 to 1 |
| 26 | `#ffc7a9` | `oklch(87.16% 0.0761 49.40)` | Bright Citrus | black, 13.9 to 1 |
| 27 | `#ffcaac` | `oklch(87.78% 0.0728 50.56)` | Bleached Apricot | black, 14.2 to 1 |
| 28 | `#ffccaf` | `oklch(88.36% 0.0697 51.64)` | Blushing Cherub | black, 14.5 to 1 |
| 29 | `#ffcfb2` | `oklch(88.89% 0.0668 52.64)` | Apricot Lily | black, 14.8 to 1 |
| 30 | `#ffd1b5` | `oklch(89.37% 0.0642 53.52)` | Sensual Peach | black, 15 to 1 |
| 31 | `#ffd3b7` | `oklch(89.79% 0.0620 54.29)` | Sensual Peach | black, 15.2 to 1 |
| 32 | `#ffd5b9` | `oklch(90.16% 0.0600 54.91)` | Curtsy | black, 15.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c27871 0.0%, #c47972 3.2%, #c77b74 6.5%, #ca7e75 9.7%, #cd8077 12.9%, #d08379 16.1%, #d4867a 19.4%, #d88a7d 22.6%, #dc8d7f 25.8%, #e09081 29.0%, #e49483 32.3%, #e89885 35.5%, #ec9b87 38.7%, #ef9f89 41.9%, #f2a28b 45.2%, #f5a58d 48.4%, #f7a88f 51.6%, #f9ac91 54.8%, #fbaf93 58.1%, #fdb295 61.3%, #feb598 64.5%, #ffb99a 67.7%, #ffbd9e 71.0%, #ffc0a2 74.2%, #ffc4a5 77.4%, #ffc7a9 80.6%, #ffcaac 83.9%, #ffccaf 87.1%, #ffcfb2 90.3%, #ffd1b5 93.5%, #ffd3b7 96.8%, #ffd5b9 100.0%);
background: linear-gradient(135deg in oklch, oklch(64.96% 0.0951 25.31) 0.0%, oklch(65.51% 0.0953 25.76) 3.2%, oklch(66.19% 0.0957 26.30) 6.5%, oklch(66.99% 0.0963 26.90) 9.7%, oklch(67.88% 0.0969 27.58) 12.9%, oklch(68.85% 0.0976 28.32) 16.1%, oklch(69.88% 0.0983 29.11) 19.4%, oklch(70.97% 0.0990 29.94) 22.6%, oklch(72.08% 0.0996 30.82) 25.8%, oklch(73.22% 0.1002 31.73) 29.0%, oklch(74.35% 0.1008 32.67) 32.3%, oklch(75.48% 0.1011 33.62) 35.5%, oklch(76.57% 0.1014 34.59) 38.7%, oklch(77.61% 0.1014 35.57) 41.9%, oklch(78.60% 0.1013 36.55) 45.2%, oklch(79.50% 0.1009 37.51) 48.4%, oklch(80.33% 0.1002 38.48) 51.6%, oklch(81.14% 0.0992 39.53) 54.8%, oklch(81.95% 0.0979 40.67) 58.1%, oklch(82.75% 0.0963 41.86) 61.3%, oklch(83.54% 0.0945 43.10) 64.5%, oklch(84.32% 0.0918 44.37) 67.7%, oklch(85.07% 0.0875 45.65) 71.0%, oklch(85.80% 0.0835 46.93) 74.2%, oklch(86.49% 0.0797 48.18) 77.4%, oklch(87.16% 0.0761 49.40) 80.6%, oklch(87.78% 0.0728 50.56) 83.9%, oklch(88.36% 0.0697 51.64) 87.1%, oklch(88.89% 0.0668 52.64) 90.3%, oklch(89.37% 0.0642 53.52) 93.5%, oklch(89.79% 0.0620 54.29) 96.8%, oklch(90.16% 0.0600 54.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.095 | 25.3 |
| 2 | 0.799 | 0.101 | 38 |
| 3 | 0.902 | 0.074 | 54.9 |

## In these collections

- [Light UI gradients](https://grabient.com/light-ui-gradients)
- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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