# Turquoise, sage and ochre spring tide seagrass

The Turquoise, sage and ochre spring tide seagrass brings together blue, teal, light green, light orange, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Tritone blue, green and brown radial swatches
- Seed: `kWkEqj3Z87moauRiHzrShc_A`
- Page: https://grabient.com/kWkEqj3Z87moauRiHzrShc_A?style=radialSwatches&steps=6&angle=270
- Drawn as: radial swatches, 6 steps, 270 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.6 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 | `#2281a7` | `oklch(56.69% 0.1020 229.92)` | Blue Paisley | black, 4.7 to 1 |
| 2 | `#53b0b8` | `oklch(70.42% 0.0887 202.28)` | Thalassa | black, 8.2 to 1 |
| 3 | `#97d0ae` | `oklch(81.03% 0.0760 158.01)` | Heath Green | black, 12 to 1 |
| 4 | `#c5cd92` | `oklch(82.71% 0.0779 114.69)` | Dancing Green | black, 12.4 to 1 |
| 5 | `#c1a86c` | `oklch(73.89% 0.0829 87.59)` | Hay Yellow | black, 9 to 1 |
| 6 | `#8d784f` | `oklch(58.27% 0.0634 84.09)` | Rustic Ranch | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2281a7 0.000% 16.667%, #53b0b8 16.667% 33.333%, #97d0ae 33.333% 50.000%, #c5cd92 50.000% 66.667%, #c1a86c 66.667% 83.333%, #8d784f 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(56.69% 0.1020 229.92) 0.000% 16.667%, oklch(70.42% 0.0887 202.28) 16.667% 33.333%, oklch(81.03% 0.0760 158.01) 33.333% 50.000%, oklch(82.71% 0.0779 114.69) 50.000% 66.667%, oklch(73.89% 0.0829 87.59) 66.667% 83.333%, oklch(58.27% 0.0634 84.09) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.102 | 229.9 |
| 2 | 0.736 | 0.085 | 192.9 |
| 3 | 0.835 | 0.073 | 134.8 |
| 4 | 0.772 | 0.085 | 91.5 |
| 5 | 0.583 | 0.063 | 84.1 |

## In these collections

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

## Other forms

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