# Teal and gray frosted eucalyptus palette

The Teal and gray frosted eucalyptus palette brings together pale green, light teal, teal, blue, and gray. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is pale green.

- Also called: Light blue and gray linear swatches
- Seed: `kW5yl7ZhnClCawjAE0GPoFCg`
- Page: https://grabient.com/kW5yl7ZhnClCawjAE0GPoFCg?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light to dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.8 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 | `#bbeedd` | `oklch(90.94% 0.0565 172.97)` | Salome | black, 16.4 to 1 |
| 2 | `#93d6d1` | `oklch(83.01% 0.0680 190.57)` | Summer Soft Blue | black, 12.7 to 1 |
| 3 | `#64acb6` | `oklch(70.18% 0.0741 207.11)` | Experience | black, 8.1 to 1 |
| 4 | `#468294` | `oklch(57.34% 0.0678 219.65)` | Casual Blue | black, 4.8 to 1 |
| 5 | `#486676` | `oklch(49.38% 0.0435 232.17)` | Winter Evening | white, 6 to 1 |
| 6 | `#606162` | `oklch(49.21% 0.0028 250.11)` | Kettleman | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #bbeedd 0.000% 16.667%, #93d6d1 16.667% 33.333%, #64acb6 33.333% 50.000%, #468294 50.000% 66.667%, #486676 66.667% 83.333%, #606162 83.333% 100.000%);
background: linear-gradient(180deg, oklch(90.94% 0.0565 172.97) 0.000% 16.667%, oklch(83.01% 0.0680 190.57) 16.667% 33.333%, oklch(70.18% 0.0741 207.11) 33.333% 50.000%, oklch(57.34% 0.0678 219.65) 50.000% 66.667%, oklch(49.38% 0.0435 232.17) 66.667% 83.333%, oklch(49.21% 0.0028 250.11) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.056 | 173 |
| 2 | 0.803 | 0.07 | 195.2 |
| 3 | 0.634 | 0.073 | 214.2 |
| 4 | 0.504 | 0.052 | 227.9 |
| 5 | 0.492 | 0.003 | 250.1 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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