# Rose, teal and ochre color palette

The Rose, teal and ochre color palette brings together red, magenta, green, and gold. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Muted rainbow from pink to tan radial swatches
- Seed: `kWnE8BOB49MQYLJQqbt4a07Q`
- Page: https://grabient.com/kWnE8BOB49MQYLJQqbt4a07Q?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center, rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#b96780` | `oklch(61.42% 0.1089 1.41)` | Raspberry Parfait | black, 5.3 to 1 |
| 2 | `#704062` | `oklch(44.09% 0.0827 338.16)` | Mystique Violet | white, 8 to 1 |
| 3 | `#407a6b` | `oklch(53.54% 0.0661 174.36)` | Leaping Lizard | white, 4.9 to 1 |
| 4 | `#699a52` | `oklch(63.39% 0.1144 136.32)` | Flat Green | black, 6.3 to 1 |
| 5 | `#c9b44e` | `oklch(76.77% 0.1240 97.22)` | Gold Gleam | black, 10.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b96780 0.000% 20.000%, #704062 20.000% 40.000%, #407a6b 40.000% 60.000%, #699a52 60.000% 80.000%, #c9b44e 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(61.42% 0.1089 1.41) 0.000% 20.000%, oklch(44.09% 0.0827 338.16) 20.000% 40.000%, oklch(53.54% 0.0661 174.36) 40.000% 60.000%, oklch(63.39% 0.1144 136.32) 60.000% 80.000%, oklch(76.77% 0.1240 97.22) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.109 | 1.4 |
| 2 | 0.441 | 0.083 | -21.8 |
| 3 | 0.535 | 0.066 | -185.6 |
| 4 | 0.634 | 0.114 | -223.7 |
| 5 | 0.768 | 0.124 | -262.8 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)
- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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