# Blush, orange and pale mint happy palette

The Blush, orange and pale mint happy palette brings together light red, light orange, pale yellow, and pale green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light red, and its lightest tone is pale yellow.

- Also called: Pastel pink, peach, beige and green linear swatches
- Seed: `kWwnH-ayFAfIcyD8ocR-KTDg`
- Page: https://grabient.com/kWwnH-ayFAfIcyD8ocR-KTDg?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: pastel, light, warm, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.1 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 | `#ff85b3` | `oklch(76.38% 0.1557 357.19)` | Cochonnet | black, 9.2 to 1 |
| 2 | `#feb3c7` | `oklch(84.25% 0.0909 1.41)` | Soft Pink | black, 12.4 to 1 |
| 3 | `#ffd5a4` | `oklch(89.76% 0.0785 71.16)` | Sherbet Pop | black, 15.3 to 1 |
| 4 | `#fdffb5` | `oklch(98.03% 0.0923 109.20)` | Crème | black, 20 to 1 |
| 5 | `#ccffc0` | `oklch(94.88% 0.0985 139.85)` | Frosted Mint Hills | black, 18.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ff85b3 0.000% 20.000%, #feb3c7 20.000% 40.000%, #ffd5a4 40.000% 60.000%, #fdffb5 60.000% 80.000%, #ccffc0 80.000% 100.000%);
background: linear-gradient(180deg, oklch(76.38% 0.1557 357.19) 0.000% 20.000%, oklch(84.25% 0.0909 1.41) 20.000% 40.000%, oklch(89.76% 0.0785 71.16) 40.000% 60.000%, oklch(98.03% 0.0923 109.20) 60.000% 80.000%, oklch(94.88% 0.0985 139.85) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.156 | 357.2 |
| 2 | 0.843 | 0.091 | 361.4 |
| 3 | 0.898 | 0.079 | 431.2 |
| 4 | 0.98 | 0.092 | 469.2 |
| 5 | 0.949 | 0.101 | 499.8 |

## In these collections

- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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