# Pale mint and pale periwinkle light mode

The Pale mint and pale periwinkle light mode brings together off-white, pale green, light orange, and light purple. 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 purple, and its lightest tone is off-white.

- Also called: Seamless white, tan and pink angular gradient
- Seed: `kY-whndYtAvWhOJuFzp7REzvyFPU`
- Page: https://grabient.com/kY-whndYtAvWhOJuFzp7REzvyFPU?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: pastel, light, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.5 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 | `#f7fdf7` | `oklch(98.82% 0.0110 144.84)` | Everlasting Ice | black, 20.3 to 1 |
| 2 | `#f4fbf4` | `oklch(98.09% 0.0126 146.26)` | Peaceful Rain | black, 19.9 to 1 |
| 3 | `#eff8f0` | `oklch(97.03% 0.0144 148.84)` | Unwind | black, 19.3 to 1 |
| 4 | `#e9f5ec` | `oklch(95.80% 0.0166 151.65)` | Apple Flower | black, 18.6 to 1 |
| 5 | `#e4f1e7` | `oklch(94.55% 0.0196 153.75)` | Polar | black, 18 to 1 |
| 6 | `#deeee2` | `oklch(93.44% 0.0237 154.18)` | Maggie’s Magic | black, 17.4 to 1 |
| 7 | `#d9eddd` | `oklch(92.63% 0.0291 152.01)` | Cottage Green | black, 17 to 1 |
| 8 | `#d6edd7` | `oklch(92.25% 0.0368 146.39)` | Silky Mint | black, 16.9 to 1 |
| 9 | `#d7edcf` | `oklch(92.24% 0.0475 137.63)` | Lantana Lime | black, 16.9 to 1 |
| 10 | `#dbeec3` | `oklch(92.42% 0.0598 126.80)` | Greenette | black, 17 to 1 |
| 11 | `#e5edb6` | `oklch(92.66% 0.0720 114.97)` | Sour | black, 17.1 to 1 |
| 12 | `#f1eaaa` | `oklch(92.79% 0.0824 103.20)` | Majestic Treasures | black, 17.1 to 1 |
| 13 | `#fce6a2` | `oklch(92.67% 0.0894 92.54)` | Equator Glow | black, 16.9 to 1 |
| 14 | `#ffe1a7` | `oklch(92.16% 0.0814 83.96)` | Manila Tint | black, 16.6 to 1 |
| 15 | `#ffdcaa` | `oklch(91.29% 0.0757 77.13)` | Peach Glow | black, 16.1 to 1 |
| 16 | `#ffd7a8` | `oklch(90.20% 0.0755 71.14)` | Fresh Apricot | black, 15.5 to 1 |
| 17 | `#ffd1a6` | `oklch(89.03% 0.0769 65.07)` | Affinity | black, 14.9 to 1 |
| 18 | `#fccca9` | `oklch(87.92% 0.0719 58.00)` | Coral Confection | black, 14.3 to 1 |
| 19 | `#f9c8af` | `oklch(87.01% 0.0660 49.02)` | Bleached Apricot | black, 13.9 to 1 |
| 20 | `#f8c5b6` | `oklch(86.39% 0.0620 37.11)` | Apricot Obsession | black, 13.6 to 1 |
| 21 | `#f5c2c0` | `oklch(85.83% 0.0592 21.21)` | Cor-de-Pele | black, 13.3 to 1 |
| 22 | `#f0c0cb` | `oklch(85.34% 0.0569 2.66)` | Azalea Flower | black, 13.1 to 1 |
| 23 | `#e9c0d7` | `oklch(85.01% 0.0548 343.21)` | Dog Rose | black, 12.9 to 1 |
| 24 | `#e0c2e1` | `oklch(84.95% 0.0525 324.60)` | Glittering Gemstone | black, 13 to 1 |
| 25 | `#d8c6e8` | `oklch(85.26% 0.0497 308.57)` | Foggy Love | black, 13.1 to 1 |
| 26 | `#d4cbec` | `oklch(86.03% 0.0460 296.82)` | Foggy Love | black, 13.5 to 1 |
| 27 | `#d4d2f0` | `oklch(87.56% 0.0410 289.03)` | Air Castle | black, 14.3 to 1 |
| 28 | `#dadaf4` | `oklch(89.69% 0.0350 283.99)` | Quartz | black, 15.3 to 1 |
| 29 | `#e1e3f8` | `oklch(92.13% 0.0286 280.98)` | Lavender Mist | black, 16.5 to 1 |
| 30 | `#e9ecfc` | `oklch(94.54% 0.0226 279.23)` | Brilliant White | black, 17.8 to 1 |
| 31 | `#f1f3ff` | `oklch(96.61% 0.0161 278.01)` | Cloud Break | black, 19 to 1 |
| 32 | `#f7f8ff` | `oklch(98.03% 0.0093 276.57)` | Ghost White | black, 19.8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #f7fdf7 0.0%, #f4fbf4 3.2%, #eff8f0 6.5%, #e9f5ec 9.7%, #e4f1e7 12.9%, #deeee2 16.1%, #d9eddd 19.4%, #d6edd7 22.6%, #d7edcf 25.8%, #dbeec3 29.0%, #e5edb6 32.3%, #f1eaaa 35.5%, #fce6a2 38.7%, #ffe1a7 41.9%, #ffdcaa 45.2%, #ffd7a8 48.4%, #ffd1a6 51.6%, #fccca9 54.8%, #f9c8af 58.1%, #f8c5b6 61.3%, #f5c2c0 64.5%, #f0c0cb 67.7%, #e9c0d7 71.0%, #e0c2e1 74.2%, #d8c6e8 77.4%, #d4cbec 80.6%, #d4d2f0 83.9%, #dadaf4 87.1%, #e1e3f8 90.3%, #e9ecfc 93.5%, #f1f3ff 96.8%, #f7f8ff 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(98.82% 0.0110 144.84) 0.0%, oklch(98.09% 0.0126 146.26) 3.2%, oklch(97.03% 0.0144 148.84) 6.5%, oklch(95.80% 0.0166 151.65) 9.7%, oklch(94.55% 0.0196 153.75) 12.9%, oklch(93.44% 0.0237 154.18) 16.1%, oklch(92.63% 0.0291 152.01) 19.4%, oklch(92.25% 0.0368 146.39) 22.6%, oklch(92.24% 0.0475 137.63) 25.8%, oklch(92.42% 0.0598 126.80) 29.0%, oklch(92.66% 0.0720 114.97) 32.3%, oklch(92.79% 0.0824 103.20) 35.5%, oklch(92.67% 0.0894 92.54) 38.7%, oklch(92.16% 0.0814 83.96) 41.9%, oklch(91.29% 0.0757 77.13) 45.2%, oklch(90.20% 0.0755 71.14) 48.4%, oklch(89.03% 0.0769 65.07) 51.6%, oklch(87.92% 0.0719 58.00) 54.8%, oklch(87.01% 0.0660 49.02) 58.1%, oklch(86.39% 0.0620 37.11) 61.3%, oklch(85.83% 0.0592 21.21) 64.5%, oklch(85.34% 0.0569 2.66) 67.7%, oklch(85.01% 0.0548 343.21) 71.0%, oklch(84.95% 0.0525 324.60) 74.2%, oklch(85.26% 0.0497 308.57) 77.4%, oklch(86.03% 0.0460 296.82) 80.6%, oklch(87.56% 0.0410 289.03) 83.9%, oklch(89.69% 0.0350 283.99) 87.1%, oklch(92.13% 0.0286 280.98) 90.3%, oklch(94.54% 0.0226 279.23) 93.5%, oklch(96.61% 0.0161 278.01) 96.8%, oklch(98.03% 0.0093 276.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.011 | 144.8 |
| 2 | 0.925 | 0.03 | 151.2 |
| 3 | 0.925 | 0.091 | 88.8 |
| 4 | 0.866 | 0.063 | 42.3 |
| 5 | 0.858 | 0.047 | -61.2 |
| 6 | 0.98 | 0.014 | -83.4 |

## In these collections

- [Light mode color palette](https://grabient.com/light-mode-color-palette)

## Other forms

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