# Mint, pale periwinkle and blush color palette

The Mint, pale periwinkle and blush color palette brings together light green, light teal, pale blue, pale magenta, and pale red. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is light green, and its lightest tone is pale red.

- Also called: Pastel tritone green, blue and pink linear gradient
- Seed: `kW0Dp17B1GfAdR7znUXeJZGY`
- Page: https://grabient.com/kW0Dp17B1GfAdR7znUXeJZGY?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#92d5b7` | `oklch(81.89% 0.0799 165.23)` | Vista Blue | black, 12.3 to 1 |
| 2 | `#8fd6bc` | `oklch(82.14% 0.0799 169.56)` | Apple II Blue | black, 12.4 to 1 |
| 3 | `#8cd7c3` | `oklch(82.48% 0.0799 175.25)` | Ice Green | black, 12.6 to 1 |
| 4 | `#8ad8cb` | `oklch(82.88% 0.0799 182.03)` | Middle Blue Green | black, 12.8 to 1 |
| 5 | `#89dad3` | `oklch(83.33% 0.0799 189.59)` | Rainwater | black, 12.9 to 1 |
| 6 | `#89dadc` | `oklch(83.79% 0.0799 197.67)` | Island Oasis | black, 13.1 to 1 |
| 7 | `#8adbe5` | `oklch(84.27% 0.0799 205.98)` | Tanager Turquoise | black, 13.3 to 1 |
| 8 | `#8edbed` | `oklch(84.72% 0.0799 214.22)` | Photon Barrier | black, 13.4 to 1 |
| 9 | `#92dbf4` | `oklch(85.14% 0.0799 222.15)` | Photon Barrier | black, 13.6 to 1 |
| 10 | `#99dafa` | `oklch(85.55% 0.0799 230.33)` | Shiva Blue | black, 13.7 to 1 |
| 11 | `#a1d9ff` | `oklch(85.97% 0.0782 238.90)` | Malmö FF | black, 13.8 to 1 |
| 12 | `#aed7ff` | `oklch(86.38% 0.0707 247.72)` | Malmö FF | black, 13.9 to 1 |
| 13 | `#b8d6ff` | `oklch(86.79% 0.0655 256.59)` | Ice Cold Stare | black, 14.1 to 1 |
| 14 | `#c1d5ff` | `oklch(87.20% 0.0623 265.37)` | Pale Phthalo Blue | black, 14.2 to 1 |
| 15 | `#c9d4ff` | `oklch(87.60% 0.0605 273.86)` | Pale Phthalo Blue | black, 14.3 to 1 |
| 16 | `#d0d3ff` | `oklch(88.00% 0.0600 281.90)` | Pale Phthalo Blue | black, 14.4 to 1 |
| 17 | `#d7d3ff` | `oklch(88.38% 0.0606 289.35)` | Pale Lavender | black, 14.6 to 1 |
| 18 | `#ddd2ff` | `oklch(88.73% 0.0621 296.24)` | Pale Lavender | black, 14.7 to 1 |
| 19 | `#e3d1ff` | `oklch(89.07% 0.0645 302.72)` | Pale Lavender | black, 14.8 to 1 |
| 20 | `#e9d0ff` | `oklch(89.39% 0.0680 308.92)` | Rose Dragée | black, 14.9 to 1 |
| 21 | `#f0cfff` | `oklch(89.73% 0.0730 314.99)` | Rose Dragée | black, 15 to 1 |
| 22 | `#f7cdff` | `oklch(90.07% 0.0801 321.05)` | Sassy Pink | black, 15.1 to 1 |
| 23 | `#fdcdfc` | `oklch(90.44% 0.0810 327.23)` | Sugar Chic | black, 15.3 to 1 |
| 24 | `#ffd0f5` | `oklch(90.84% 0.0714 333.69)` | Shampoo | black, 15.5 to 1 |
| 25 | `#ffd3ee` | `oklch(91.29% 0.0598 340.71)` | Pink Currant | black, 15.8 to 1 |
| 26 | `#ffd7ea` | `oklch(91.83% 0.0503 348.50)` | Pink Currant | black, 16.1 to 1 |
| 27 | `#ffdbe6` | `oklch(92.41% 0.0428 356.71)` | Pink Perfume | black, 16.5 to 1 |
| 28 | `#ffdee4` | `oklch(93.01% 0.0370 4.94)` | Pink Pleasure | black, 16.8 to 1 |
| 29 | `#ffe1e4` | `oklch(93.59% 0.0327 12.80)` | Pink Pleasure | black, 17.1 to 1 |
| 30 | `#ffe4e3` | `oklch(94.12% 0.0295 19.91)` | Misty Rose | black, 17.4 to 1 |
| 31 | `#ffe7e4` | `oklch(94.56% 0.0272 25.89)` | Sheer Rosebud | black, 17.7 to 1 |
| 32 | `#ffe8e4` | `oklch(94.88% 0.0257 30.33)` | Sheer Rosebud | black, 17.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #92d5b7 0.0%, #8fd6bc 3.2%, #8cd7c3 6.5%, #8ad8cb 9.7%, #89dad3 12.9%, #89dadc 16.1%, #8adbe5 19.4%, #8edbed 22.6%, #92dbf4 25.8%, #99dafa 29.0%, #a1d9ff 32.3%, #aed7ff 35.5%, #b8d6ff 38.7%, #c1d5ff 41.9%, #c9d4ff 45.2%, #d0d3ff 48.4%, #d7d3ff 51.6%, #ddd2ff 54.8%, #e3d1ff 58.1%, #e9d0ff 61.3%, #f0cfff 64.5%, #f7cdff 67.7%, #fdcdfc 71.0%, #ffd0f5 74.2%, #ffd3ee 77.4%, #ffd7ea 80.6%, #ffdbe6 83.9%, #ffdee4 87.1%, #ffe1e4 90.3%, #ffe4e3 93.5%, #ffe7e4 96.8%, #ffe8e4 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.89% 0.0799 165.23) 0.0%, oklch(82.14% 0.0799 169.56) 3.2%, oklch(82.48% 0.0799 175.25) 6.5%, oklch(82.88% 0.0799 182.03) 9.7%, oklch(83.33% 0.0799 189.59) 12.9%, oklch(83.79% 0.0799 197.67) 16.1%, oklch(84.27% 0.0799 205.98) 19.4%, oklch(84.72% 0.0799 214.22) 22.6%, oklch(85.14% 0.0799 222.15) 25.8%, oklch(85.55% 0.0799 230.33) 29.0%, oklch(85.97% 0.0782 238.90) 32.3%, oklch(86.38% 0.0707 247.72) 35.5%, oklch(86.79% 0.0655 256.59) 38.7%, oklch(87.20% 0.0623 265.37) 41.9%, oklch(87.60% 0.0605 273.86) 45.2%, oklch(88.00% 0.0600 281.90) 48.4%, oklch(88.38% 0.0606 289.35) 51.6%, oklch(88.73% 0.0621 296.24) 54.8%, oklch(89.07% 0.0645 302.72) 58.1%, oklch(89.39% 0.0680 308.92) 61.3%, oklch(89.73% 0.0730 314.99) 64.5%, oklch(90.07% 0.0801 321.05) 67.7%, oklch(90.44% 0.0810 327.23) 71.0%, oklch(90.84% 0.0714 333.69) 74.2%, oklch(91.29% 0.0598 340.71) 77.4%, oklch(91.83% 0.0503 348.50) 80.6%, oklch(92.41% 0.0428 356.71) 83.9%, oklch(93.01% 0.0370 4.94) 87.1%, oklch(93.59% 0.0327 12.80) 90.3%, oklch(94.12% 0.0295 19.91) 93.5%, oklch(94.56% 0.0272 25.89) 96.8%, oklch(94.88% 0.0257 30.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.08 | 165.2 |
| 2 | 0.85 | 0.08 | 220.2 |
| 3 | 0.882 | 0.08 | 285.7 |
| 4 | 0.909 | 0.08 | 335.4 |
| 5 | 0.949 | 0.061 | 390.3 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)
- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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