# Pink and Green: Olive and orange

The "Pink and Green: Olive and orange" palette brings together green and magenta. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the green color family.

- Also called: Vivid olive, green, pink and magenta linear swatches
- Seed: `kUfk1Y49BBlZPrJERsJA`
- Page: https://grabient.com/kUfk1Y49BBlZPrJERsJA?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.2 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 | `#556c1e` | `oklch(49.61% 0.1061 124.45)` | Bowser Shell | white, 5.9 to 1 |
| 2 | `#66d734` | `oklch(78.35% 0.2205 138.19)` | Download Progress | black, 11.3 to 1 |
| 3 | `#e355cd` | `oklch(67.72% 0.2191 334.39)` | Barbiecore | black, 6.4 to 1 |
| 4 | `#bb2674` | `oklch(53.54% 0.1943 354.47)` | Treasured Love | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #556c1e 0.000% 25.000%, #66d734 25.000% 50.000%, #e355cd 50.000% 75.000%, #bb2674 75.000% 100.000%);
background: linear-gradient(45deg, oklch(49.61% 0.1061 124.45) 0.000% 25.000%, oklch(78.35% 0.2205 138.19) 25.000% 50.000%, oklch(67.72% 0.2191 334.39) 50.000% 75.000%, oklch(53.54% 0.1943 354.47) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.496 | 0.106 | 124.5 |
| 2 | 0.783 | 0.22 | 138.2 |
| 3 | 0.677 | 0.219 | -25.6 |
| 4 | 0.535 | 0.194 | -5.5 |

## In these collections

- [Pink and green swatches](https://grabient.com/pink-and-green-swatches)

## Other forms

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