# Raspberry Blush and Jade

These angular wedges move through magenta, deep teal, pale magenta, and teal. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing. Use these angular wedges for posters, presentation covers, packaging, or interface backgrounds that need coordinated color roles and a strong focal transition.

- Also called: Magenta, dark green, pink and teal angular swatches
- Seed: `kUfHb-pRGrXGWU9NqKqg`
- Page: https://grabient.com/kUfHb-pRGrXGWU9NqKqg?style=angularSwatches&steps=4&angle=45
- Drawn as: angular swatches, 4 steps, 45 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#a22a60` | `oklch(48.82% 0.1626 357.89)` | Parlour Red | white, 6.9 to 1 |
| 2 | `#05332e` | `oklch(29.13% 0.0482 183.53)` | Fence Green | white, 13.7 to 1 |
| 3 | `#fdcce0` | `oklch(89.37% 0.0606 351.55)` | Linnet Egg Red | black, 14.9 to 1 |
| 4 | `#1d997b` | `oklch(61.02% 0.1116 171.90)` | Paolo Veronese Green | black, 5.8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #a22a60 0.000% 25.000%, #05332e 25.000% 50.000%, #fdcce0 50.000% 75.000%, #1d997b 75.000% 100.000%);
background: conic-gradient(from 45deg, oklch(48.82% 0.1626 357.89) 0.000% 25.000%, oklch(29.13% 0.0482 183.53) 25.000% 50.000%, oklch(89.37% 0.0606 351.55) 50.000% 75.000%, oklch(61.02% 0.1116 171.90) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.163 | 357.9 |
| 2 | 0.291 | 0.048 | 183.5 |
| 3 | 0.894 | 0.061 | 351.6 |
| 4 | 0.61 | 0.112 | 171.9 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)

## Other forms

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