# Blue and mint color palette

The Blue and mint color palette brings together pale blue, light blue, light teal, and light green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light green, and its lightest tone is pale blue.

- Also called: Pastel blue, teal and green radial gradient
- Seed: `kW8Rihbha_uUbPlkIbtayi8g`
- Page: https://grabient.com/kW8Rihbha_uUbPlkIbtayi8g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.6 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 | `#d9f3ff` | `oklch(94.88% 0.0322 226.38)` | Wizard White | black, 18.2 to 1 |
| 2 | `#d4f1fe` | `oklch(94.21% 0.0355 226.32)` | Water | black, 17.8 to 1 |
| 3 | `#cfeffd` | `oklch(93.31% 0.0389 226.30)` | Blue Hijab | black, 17.4 to 1 |
| 4 | `#c8ecfc` | `oklch(92.23% 0.0429 226.28)` | Frosty Day | black, 16.8 to 1 |
| 5 | `#c1e9fa` | `oklch(91.04% 0.0473 226.19)` | Blue Java Banana | black, 16.2 to 1 |
| 6 | `#bae5f8` | `oklch(89.80% 0.0518 225.99)` | Breaking the Ice | black, 15.6 to 1 |
| 7 | `#b3e2f6` | `oklch(88.56% 0.0560 225.60)` | Azure Sky | black, 15 to 1 |
| 8 | `#acdff3` | `oklch(87.40% 0.0597 224.97)` | Van Gogh Blue | black, 14.5 to 1 |
| 9 | `#a6dcf1` | `oklch(86.36% 0.0627 224.04)` | Mizu Cyan | black, 14.1 to 1 |
| 10 | `#a0d9ee` | `oklch(85.34% 0.0649 223.01)` | Sora Blue | black, 13.6 to 1 |
| 11 | `#9bd6eb` | `oklch(84.28% 0.0667 221.91)` | Jodhpur Blue | black, 13.2 to 1 |
| 12 | `#96d3e7` | `oklch(83.24% 0.0681 220.65)` | Orleans Tune | black, 12.7 to 1 |
| 13 | `#91d0e4` | `oklch(82.23% 0.0694 219.13)` | Iqaluit Ice | black, 12.3 to 1 |
| 14 | `#8dcee0` | `oklch(81.31% 0.0706 217.27)` | Bayshore | black, 12 to 1 |
| 15 | `#88ccdc` | `oklch(80.48% 0.0719 214.99)` | Bayshore | black, 11.6 to 1 |
| 16 | `#84cad9` | `oklch(79.80% 0.0735 212.18)` | Not a Cloud in Sight | black, 11.4 to 1 |
| 17 | `#7fc9d5` | `oklch(79.29% 0.0754 208.73)` | Not a Cloud in Sight | black, 11.2 to 1 |
| 18 | `#7bc9d1` | `oklch(78.88% 0.0775 204.42)` | Valonia | black, 11.1 to 1 |
| 19 | `#78c9cd` | `oklch(78.59% 0.0797 199.45)` | Aqua Belt | black, 11 to 1 |
| 20 | `#75cac8` | `oklch(78.39% 0.0820 194.03)` | Cyantific | black, 10.9 to 1 |
| 21 | `#74cac3` | `oklch(78.30% 0.0844 188.40)` | Cyantific | black, 10.9 to 1 |
| 22 | `#74cbbd` | `oklch(78.32% 0.0869 182.79)` | Hawaiian Vacation | black, 11 to 1 |
| 23 | `#75ccb8` | `oklch(78.44% 0.0893 177.44)` | Bevelled Glass | black, 11 to 1 |
| 24 | `#77cdb3` | `oklch(78.67% 0.0917 172.57)` | Puppeteers | black, 11.1 to 1 |
| 25 | `#7aceaf` | `oklch(79.05% 0.0942 168.16)` | Aquamarine Ocean | black, 11.3 to 1 |
| 26 | `#7fd1ac` | `oklch(79.67% 0.0970 163.73)` | Pharaoh’s Jade | black, 11.5 to 1 |
| 27 | `#84d3a8` | `oklch(80.45% 0.0998 159.39)` | Pharaoh’s Jade | black, 11.8 to 1 |
| 28 | `#8ad6a5` | `oklch(81.33% 0.1027 155.24)` | Patrice | black, 12.2 to 1 |
| 29 | `#90d9a2` | `oklch(82.23% 0.1055 151.41)` | Mother of Pearl Green | black, 12.6 to 1 |
| 30 | `#96dba0` | `oklch(83.07% 0.1080 148.00)` | Mother of Pearl Green | black, 12.9 to 1 |
| 31 | `#9cdd9d` | `oklch(83.76% 0.1101 145.13)` | Retro | black, 13.2 to 1 |
| 32 | `#a0de9b` | `oklch(84.25% 0.1116 142.92)` | Retro | black, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d9f3ff 0.0%, #d4f1fe 3.2%, #cfeffd 6.5%, #c8ecfc 9.7%, #c1e9fa 12.9%, #bae5f8 16.1%, #b3e2f6 19.4%, #acdff3 22.6%, #a6dcf1 25.8%, #a0d9ee 29.0%, #9bd6eb 32.3%, #96d3e7 35.5%, #91d0e4 38.7%, #8dcee0 41.9%, #88ccdc 45.2%, #84cad9 48.4%, #7fc9d5 51.6%, #7bc9d1 54.8%, #78c9cd 58.1%, #75cac8 61.3%, #74cac3 64.5%, #74cbbd 67.7%, #75ccb8 71.0%, #77cdb3 74.2%, #7aceaf 77.4%, #7fd1ac 80.6%, #84d3a8 83.9%, #8ad6a5 87.1%, #90d9a2 90.3%, #96dba0 93.5%, #9cdd9d 96.8%, #a0de9b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0322 226.38) 0.0%, oklch(94.21% 0.0355 226.32) 3.2%, oklch(93.31% 0.0389 226.30) 6.5%, oklch(92.23% 0.0429 226.28) 9.7%, oklch(91.04% 0.0473 226.19) 12.9%, oklch(89.80% 0.0518 225.99) 16.1%, oklch(88.56% 0.0560 225.60) 19.4%, oklch(87.40% 0.0597 224.97) 22.6%, oklch(86.36% 0.0627 224.04) 25.8%, oklch(85.34% 0.0649 223.01) 29.0%, oklch(84.28% 0.0667 221.91) 32.3%, oklch(83.24% 0.0681 220.65) 35.5%, oklch(82.23% 0.0694 219.13) 38.7%, oklch(81.31% 0.0706 217.27) 41.9%, oklch(80.48% 0.0719 214.99) 45.2%, oklch(79.80% 0.0735 212.18) 48.4%, oklch(79.29% 0.0754 208.73) 51.6%, oklch(78.88% 0.0775 204.42) 54.8%, oklch(78.59% 0.0797 199.45) 58.1%, oklch(78.39% 0.0820 194.03) 61.3%, oklch(78.30% 0.0844 188.40) 64.5%, oklch(78.32% 0.0869 182.79) 67.7%, oklch(78.44% 0.0893 177.44) 71.0%, oklch(78.67% 0.0917 172.57) 74.2%, oklch(79.05% 0.0942 168.16) 77.4%, oklch(79.67% 0.0970 163.73) 80.6%, oklch(80.45% 0.0998 159.39) 83.9%, oklch(81.33% 0.1027 155.24) 87.1%, oklch(82.23% 0.1055 151.41) 90.3%, oklch(83.07% 0.1080 148.00) 93.5%, oklch(83.76% 0.1101 145.13) 96.8%, oklch(84.25% 0.1116 142.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.033 | 226.4 |
| 2 | 0.866 | 0.062 | 224.3 |
| 3 | 0.795 | 0.074 | 210.6 |
| 4 | 0.787 | 0.092 | 171.5 |
| 5 | 0.843 | 0.112 | 142.9 |

## In these collections

- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)
- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)

## Other forms

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