# Teal and gold spring tide seagrass palette

The Teal and gold spring tide seagrass palette brings together blue, teal, light teal, light green, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Blue, green and tan linear swatches
- Seed: `kWfT2g0CA-GOZvBvmTn7p-8g`
- Page: https://grabient.com/kWfT2g0CA-GOZvBvmTn7p-8g?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark to light, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.3 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 | `#1c6a85` | `oklch(49.21% 0.0841 225.70)` | Sea Goddess | white, 6 to 1 |
| 2 | `#328da0` | `oklch(59.91% 0.0887 214.36)` | Scooter | black, 5.4 to 1 |
| 3 | `#68b6b3` | `oklch(72.55% 0.0773 192.30)` | Veranda Blue | black, 8.9 to 1 |
| 4 | `#a4d5b6` | `oklch(83.04% 0.0676 157.03)` | Nihilakh Oxide | black, 12.7 to 1 |
| 5 | `#d3e0aa` | `oklch(88.28% 0.0715 118.79)` | Lime Cream | black, 14.9 to 1 |
| 6 | `#e3d593` | `oklch(87.01% 0.0868 97.84)` | Fire Dance | black, 14.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #1c6a85 0.000% 16.667%, #328da0 16.667% 33.333%, #68b6b3 33.333% 50.000%, #a4d5b6 50.000% 66.667%, #d3e0aa 66.667% 83.333%, #e3d593 83.333% 100.000%);
background: linear-gradient(180deg, oklch(49.21% 0.0841 225.70) 0.000% 16.667%, oklch(59.91% 0.0887 214.36) 16.667% 33.333%, oklch(72.55% 0.0773 192.30) 33.333% 50.000%, oklch(83.04% 0.0676 157.03) 50.000% 66.667%, oklch(88.28% 0.0715 118.79) 66.667% 83.333%, oklch(87.01% 0.0868 97.84) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.084 | 225.7 |
| 2 | 0.63 | 0.088 | 209.9 |
| 3 | 0.783 | 0.07 | 177.1 |
| 4 | 0.878 | 0.069 | 126.4 |
| 5 | 0.87 | 0.087 | 97.8 |

## In these collections

- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)
- [Between tides](https://grabient.com/between-tides)

## Other forms

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