# Orchid, Ivory and Azure

The Magenta, lime and indigo bright palette brings together magenta, red, pale green, teal, and blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale green.

- Also called: Pink, off-white and blue angular swatches
- Seed: `kWpIrvVkZEPoKzHTqExScNFY`
- Page: https://grabient.com/kWpIrvVkZEPoKzHTqExScNFY?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#d157b9` | `oklch(64.57% 0.1902 336.09)` | Pú Táo Zǐ Purple | black, 5.7 to 1 |
| 2 | `#f65877` | `oklch(67.72% 0.1929 12.02)` | Ponceau | black, 6.5 to 1 |
| 3 | `#f0f5df` | `oklch(96.06% 0.0289 117.70)` | Lemon Sugar | black, 18.8 to 1 |
| 4 | `#2ba0c2` | `oklch(65.75% 0.1102 222.32)` | Major Blue | black, 6.9 to 1 |
| 5 | `#4e6ee5` | `oklch(57.87% 0.1846 268.81)` | Royal Blue | black, 4.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #d157b9 0.000% 20.000%, #f65877 20.000% 40.000%, #f0f5df 40.000% 60.000%, #2ba0c2 60.000% 80.000%, #4e6ee5 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(64.57% 0.1902 336.09) 0.000% 20.000%, oklch(67.72% 0.1929 12.02) 20.000% 40.000%, oklch(96.06% 0.0289 117.70) 40.000% 60.000%, oklch(65.75% 0.1102 222.32) 60.000% 80.000%, oklch(57.87% 0.1846 268.81) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.19 | 336.1 |
| 2 | 0.677 | 0.193 | 372 |
| 3 | 0.961 | 0.029 | 477.7 |
| 4 | 0.657 | 0.11 | 582.3 |
| 5 | 0.579 | 0.185 | 628.8 |

## In these collections

- [Bright swatches](https://grabient.com/bright-swatches)

## Other forms

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