# Teal and bronze frosted eucalyptus palette

The Teal and bronze frosted eucalyptus palette brings together light green, teal, blue, gray, and orange. 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 blue, and its lightest tone is light green.

- Also called: Tritone teal, blue and brown linear swatches
- Seed: `kYxDZ7VRxCMKaQs0D0JtQXPEMVx8`
- Page: https://grabient.com/kYxDZ7VRxCMKaQs0D0JtQXPEMVx8?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.4 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 | `#82c5b0` | `oklch(77.17% 0.0744 172.97)` | Hellion Green | black, 10.5 to 1 |
| 2 | `#57a4a1` | `oklch(66.93% 0.0772 191.99)` | Twilight Meadow | black, 7.2 to 1 |
| 3 | `#317485` | `oklch(52.36% 0.0717 216.30)` | Oceanic Metropolis | white, 5.2 to 1 |
| 4 | `#344e5e` | `oklch(40.94% 0.0413 237.43)` | Velvet Evening | white, 8.7 to 1 |
| 5 | `#54494b` | `oklch(41.73% 0.0152 5.30)` | Underground Civilization | white, 8.6 to 1 |
| 6 | `#816644` | `oklch(52.76% 0.0593 71.87)` | Bright Umber | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #82c5b0 0.000% 16.667%, #57a4a1 16.667% 33.333%, #317485 33.333% 50.000%, #344e5e 50.000% 66.667%, #54494b 66.667% 83.333%, #816644 83.333% 100.000%);
background: linear-gradient(90deg, oklch(77.17% 0.0744 172.97) 0.000% 16.667%, oklch(66.93% 0.0772 191.99) 16.667% 33.333%, oklch(52.36% 0.0717 216.30) 33.333% 50.000%, oklch(40.94% 0.0413 237.43) 50.000% 66.667%, oklch(41.73% 0.0152 5.30) 66.667% 83.333%, oklch(52.76% 0.0593 71.87) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.074 | 173 |
| 2 | 0.669 | 0.077 | 192 |
| 3 | 0.524 | 0.072 | 216.3 |
| 4 | 0.409 | 0.041 | 237.4 |
| 5 | 0.417 | 0.015 | 365.3 |
| 6 | 0.528 | 0.059 | 431.9 |

## In these collections

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

## Other forms

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