# Coral and teal mint palette

The Coral and teal mint palette brings together light red, pale green, light green, green, teal, and dark blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale green.

- Also called: Pink, off-white, teal and navy linear swatches
- Seed: `kYvWcN-QtNGynxNXrD-vB7BZ-Mxk`
- Page: https://grabient.com/kYvWcN-QtNGynxNXrD-vB7BZ-Mxk?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, pastel, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 14 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 | `#f98488` | `oklch(74.41% 0.1419 18.98)` | Strawberry Field | black, 8.6 to 1 |
| 2 | `#e9f4df` | `oklch(95.28% 0.0303 129.94)` | Morning Frost | black, 18.4 to 1 |
| 3 | `#7ee7c6` | `oklch(85.43% 0.1089 171.16)` | Bubble Algae | black, 14 to 1 |
| 4 | `#36b38e` | `oklch(68.90% 0.1213 169.04)` | Hisui Kingfisher | black, 7.9 to 1 |
| 5 | `#036b5f` | `oklch(47.24% 0.0841 181.72)` | Pacific Queen | white, 6.4 to 1 |
| 6 | `#0f242f` | `oklch(24.80% 0.0344 235.62)` | Crow Feather | white, 16 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f98488 0.000% 16.667%, #e9f4df 16.667% 33.333%, #7ee7c6 33.333% 50.000%, #36b38e 50.000% 66.667%, #036b5f 66.667% 83.333%, #0f242f 83.333% 100.000%);
background: linear-gradient(90deg, oklch(74.41% 0.1419 18.98) 0.000% 16.667%, oklch(95.28% 0.0303 129.94) 16.667% 33.333%, oklch(85.43% 0.1089 171.16) 33.333% 50.000%, oklch(68.90% 0.1213 169.04) 50.000% 66.667%, oklch(47.24% 0.0841 181.72) 66.667% 83.333%, oklch(24.80% 0.0344 235.62) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.142 | 19 |
| 2 | 0.953 | 0.03 | 129.9 |
| 3 | 0.854 | 0.109 | 171.2 |
| 4 | 0.689 | 0.121 | 169 |
| 5 | 0.472 | 0.084 | 181.7 |
| 6 | 0.248 | 0.034 | 235.6 |

## In these collections

- [Mint color palette](https://grabient.com/mint-color-palette)

## Other forms

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