# Mint blue and green palette

The Mint blue and green palette brings together pale blue, light blue, and light 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 green, and its lightest tone is pale blue.

- Also called: Pastel analogous blue and green linear swatches
- Seed: `kW7xin75i_2adv3wEzi5iA-o`
- Page: https://grabient.com/kW7xin75i_2adv3wEzi5iA-o?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: pastel, light, cool
- Hues: wide
- 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 | `#d7f0ff` | `oklch(94.09% 0.0330 235.53)` | Calcareous Sinter | black, 17.7 to 1 |
| 2 | `#acdffd` | `oklch(87.80% 0.0675 234.49)` | Droplet | black, 14.7 to 1 |
| 3 | `#88caeb` | `oklch(80.71% 0.0813 230.26)` | Airy Blue | black, 11.7 to 1 |
| 4 | `#b7e4d2` | `oklch(88.19% 0.0524 168.97)` | Ode to Green | black, 15 to 1 |
| 5 | `#8dd0aa` | `oklch(80.31% 0.0882 158.40)` | Pharaoh’s Jade | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d7f0ff 0.000% 20.000%, #acdffd 20.000% 40.000%, #88caeb 40.000% 60.000%, #b7e4d2 60.000% 80.000%, #8dd0aa 80.000% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0330 235.53) 0.000% 20.000%, oklch(87.80% 0.0675 234.49) 20.000% 40.000%, oklch(80.71% 0.0813 230.26) 40.000% 60.000%, oklch(88.19% 0.0524 168.97) 60.000% 80.000%, oklch(80.31% 0.0882 158.40) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.033 | 235.5 |
| 2 | 0.878 | 0.068 | 234.5 |
| 3 | 0.807 | 0.081 | 230.3 |
| 4 | 0.882 | 0.052 | 169 |
| 5 | 0.803 | 0.088 | 158.4 |

## In these collections

- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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