# Orange and mauve color palette

The Orange and mauve color palette brings together light orange, red, blue, and off-white. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Peach, purple, gray and white radial gradient
- Seed: `kUx08fSbE976OLn7hywA`
- Page: https://grabient.com/kUx08fSbE976OLn7hywA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#f3a17f` | `oklch(78.35% 0.1089 43.59)` | Coral Silk | black, 10.2 to 1 |
| 2 | `#f09d7a` | `oklch(77.12% 0.1109 43.18)` | Cumquat Cream | black, 9.8 to 1 |
| 3 | `#ec9773` | `oklch(75.49% 0.1141 43.36)` | Pochard Duck Head | black, 9.2 to 1 |
| 4 | `#e7906a` | `oklch(73.55% 0.1182 43.84)` | Shell Coral | black, 8.6 to 1 |
| 5 | `#e28860` | `oklch(71.37% 0.1227 44.30)` | Midnight in Saigon | black, 7.9 to 1 |
| 6 | `#dc8056` | `oklch(69.05% 0.1272 44.42)` | Show Business | black, 7.2 to 1 |
| 7 | `#d6774d` | `oklch(66.67% 0.1314 43.90)` | Jack-O-Lantern | black, 6.5 to 1 |
| 8 | `#d06e46` | `oklch(64.33% 0.1347 42.43)` | Coral Gold | black, 6 to 1 |
| 9 | `#ca6642` | `oklch(62.10% 0.1369 39.70)` | Zōng Hóng Red | black, 5.4 to 1 |
| 10 | `#c45e44` | `oklch(60.09% 0.1375 35.40)` | Emotional | black, 5 to 1 |
| 11 | `#bf574a` | `oklch(58.37% 0.1360 29.22)` | Mecca Orange | black, 4.6 to 1 |
| 12 | `#b85254` | `oklch(56.87% 0.1321 20.88)` | Dressed to the Nines | white, 4.7 to 1 |
| 13 | `#ae4f60` | `oklch(55.19% 0.1256 10.48)` | Rose Vale | white, 5.1 to 1 |
| 14 | `#a14d6c` | `oklch(53.40% 0.1170 358.31)` | Cherry Berry | white, 5.5 to 1 |
| 15 | `#924d76` | `oklch(51.63% 0.1067 344.68)` | Sugar Plum | white, 5.9 to 1 |
| 16 | `#814e7d` | `oklch(49.99% 0.0955 329.89)` | Thistle Mauve | white, 6.3 to 1 |
| 17 | `#715080` | `oklch(48.61% 0.0838 314.25)` | Patrician Purple | white, 6.6 to 1 |
| 18 | `#615380` | `oklch(47.62% 0.0721 298.04)` | Purple Sky | white, 6.8 to 1 |
| 19 | `#55577d` | `oklch(47.13% 0.0610 281.58)` | Blue Glaze | white, 6.8 to 1 |
| 20 | `#4e5b79` | `oklch(47.26% 0.0511 265.17)` | Blue Review | white, 6.7 to 1 |
| 21 | `#4b6076` | `oklch(48.15% 0.0429 249.11)` | Plum Blue | white, 6.4 to 1 |
| 22 | `#4e6775` | `oklch(49.93% 0.0368 233.54)` | Slate | white, 5.9 to 1 |
| 23 | `#577178` | `oklch(52.98% 0.0322 216.82)` | Bowman Blue | white, 5.2 to 1 |
| 24 | `#657d7e` | `oklch(57.17% 0.0286 198.84)` | Catfish | black, 4.8 to 1 |
| 25 | `#768c87` | `oklch(62.20% 0.0260 180.10)` | Chinois Green | black, 5.8 to 1 |
| 26 | `#8b9d93` | `oklch(67.80% 0.0241 161.12)` | Iceberg Green | black, 7.3 to 1 |
| 27 | `#a2aea1` | `oklch(73.67% 0.0227 142.40)` | Grass Sands | black, 9 to 1 |
| 28 | `#b9bfb0` | `oklch(79.54% 0.0218 124.46)` | Hazel Gaze | black, 11.1 to 1 |
| 29 | `#cfcfc0` | `oklch(85.12% 0.0212 107.81)` | Serena | black, 13.3 to 1 |
| 30 | `#e3decf` | `oklch(90.11% 0.0206 92.97)` | Natural Choice | black, 15.6 to 1 |
| 31 | `#f3ebdd` | `oklch(94.25% 0.0201 80.43)` | Painter’s White | black, 17.7 to 1 |
| 32 | `#fff4e8` | `oklch(97.24% 0.0193 70.72)` | What’s Left | black, 19.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3a17f 0.0%, #f09d7a 3.2%, #ec9773 6.5%, #e7906a 9.7%, #e28860 12.9%, #dc8056 16.1%, #d6774d 19.4%, #d06e46 22.6%, #ca6642 25.8%, #c45e44 29.0%, #bf574a 32.3%, #b85254 35.5%, #ae4f60 38.7%, #a14d6c 41.9%, #924d76 45.2%, #814e7d 48.4%, #715080 51.6%, #615380 54.8%, #55577d 58.1%, #4e5b79 61.3%, #4b6076 64.5%, #4e6775 67.7%, #577178 71.0%, #657d7e 74.2%, #768c87 77.4%, #8b9d93 80.6%, #a2aea1 83.9%, #b9bfb0 87.1%, #cfcfc0 90.3%, #e3decf 93.5%, #f3ebdd 96.8%, #fff4e8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.1089 43.59) 0.0%, oklch(77.12% 0.1109 43.18) 3.2%, oklch(75.49% 0.1141 43.36) 6.5%, oklch(73.55% 0.1182 43.84) 9.7%, oklch(71.37% 0.1227 44.30) 12.9%, oklch(69.05% 0.1272 44.42) 16.1%, oklch(66.67% 0.1314 43.90) 19.4%, oklch(64.33% 0.1347 42.43) 22.6%, oklch(62.10% 0.1369 39.70) 25.8%, oklch(60.09% 0.1375 35.40) 29.0%, oklch(58.37% 0.1360 29.22) 32.3%, oklch(56.87% 0.1321 20.88) 35.5%, oklch(55.19% 0.1256 10.48) 38.7%, oklch(53.40% 0.1170 358.31) 41.9%, oklch(51.63% 0.1067 344.68) 45.2%, oklch(49.99% 0.0955 329.89) 48.4%, oklch(48.61% 0.0838 314.25) 51.6%, oklch(47.62% 0.0721 298.04) 54.8%, oklch(47.13% 0.0610 281.58) 58.1%, oklch(47.26% 0.0511 265.17) 61.3%, oklch(48.15% 0.0429 249.11) 64.5%, oklch(49.93% 0.0368 233.54) 67.7%, oklch(52.98% 0.0322 216.82) 71.0%, oklch(57.17% 0.0286 198.84) 74.2%, oklch(62.20% 0.0260 180.10) 77.4%, oklch(67.80% 0.0241 161.12) 80.6%, oklch(73.67% 0.0227 142.40) 83.9%, oklch(79.54% 0.0218 124.46) 87.1%, oklch(85.12% 0.0212 107.81) 90.3%, oklch(90.11% 0.0206 92.97) 93.5%, oklch(94.25% 0.0201 80.43) 96.8%, oklch(97.24% 0.0193 70.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.109 | 43.6 |
| 2 | 0.579 | 0.135 | 26.7 |
| 3 | 0.492 | 0.039 | -121.3 |
| 4 | 0.972 | 0.019 | -289.3 |

## In these collections

- [Peach](https://grabient.com/peach)
- [Kerala flower carpet](https://grabient.com/kerala-flower-carpet)
- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)
- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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