# Cobalt blue and teal spring tide seagrass

The Cobalt blue and teal spring tide seagrass brings together blue, red, orange, gold, light green, and teal. The colors span a moderate lightness range, combining moderate color with clear 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: Muted rainbow from blue to teal angular gradient
- Seed: `kcf1a4OprDcOWyfTIkUYSZEOktRDpsEL46nDg`
- Page: https://grabient.com/kcf1a4OprDcOWyfTIkUYSZEOktRDpsEL46nDg?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.5 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 | `#3762a6` | `oklch(50.00% 0.1185 258.75)` | International | white, 6 to 1 |
| 2 | `#3e5f9f` | `oklch(49.16% 0.1106 262.34)` | Blue Dahlia | white, 6.2 to 1 |
| 3 | `#445a95` | `oklch(47.87% 0.0991 267.03)` | Blue Dude | white, 6.6 to 1 |
| 4 | `#4b568a` | `oklch(46.66% 0.0868 273.68)` | Baby Whale | white, 7 to 1 |
| 5 | `#525281` | `oklch(46.03% 0.0763 283.18)` | Tangent Periwinkle | white, 7.2 to 1 |
| 6 | `#5d517c` | `oklch(46.40% 0.0696 296.86)` | Imperial Palace | white, 7.1 to 1 |
| 7 | `#6b5175` | `oklch(47.56% 0.0648 315.95)` | Exotic Purple | white, 6.8 to 1 |
| 8 | `#78536e` | `oklch(49.25% 0.0619 337.53)` | Berry Conserve | white, 6.4 to 1 |
| 9 | `#845866` | `oklch(51.29% 0.0609 358.28)` | Tulipwood | white, 5.8 to 1 |
| 10 | `#8e5e61` | `oklch(53.47% 0.0624 14.90)` | Spiced Potpourri | white, 5.3 to 1 |
| 11 | `#98655f` | `oklch(55.96% 0.0677 27.17)` | Roulette | white, 4.8 to 1 |
| 12 | `#a46d5c` | `oklch(58.80% 0.0758 36.95)` | Honey Maple | black, 4.9 to 1 |
| 13 | `#b0755a` | `oklch(61.74% 0.0847 45.40)` | Decorous Amber | black, 5.5 to 1 |
| 14 | `#ba7e57` | `oklch(64.59% 0.0922 53.70)` | Pastry Shell | black, 6.2 to 1 |
| 15 | `#c08855` | `oklch(67.25% 0.0966 62.42)` | Mulling Spice | black, 6.9 to 1 |
| 16 | `#c59356` | `oklch(69.92% 0.0991 70.65)` | Caramel Crumb | black, 7.7 to 1 |
| 17 | `#c99e59` | `oklch(72.51% 0.1008 78.57)` | Warm Leather | black, 8.5 to 1 |
| 18 | `#caa95d` | `oklch(74.88% 0.1027 86.42)` | Laser | black, 9.3 to 1 |
| 19 | `#cab361` | `oklch(76.93% 0.1058 94.47)` | Canadian Maple | black, 10.1 to 1 |
| 20 | `#c7bd65` | `oklch(78.73% 0.1101 102.88)` | Moray | black, 10.8 to 1 |
| 21 | `#c1c66b` | `oklch(80.30% 0.1149 111.36)` | Powdered Green Tea | black, 11.5 to 1 |
| 22 | `#b9ce72` | `oklch(81.59% 0.1196 119.54)` | Gentle Dill | black, 12.1 to 1 |
| 23 | `#b0d57b` | `oklch(82.57% 0.1236 127.07)` | Wasabi | black, 12.6 to 1 |
| 24 | `#a6da83` | `oklch(83.20% 0.1267 133.56)` | Feijoa | black, 12.9 to 1 |
| 25 | `#9cdd8b` | `oklch(83.52% 0.1296 139.18)` | Granny Smith Apple | black, 13.1 to 1 |
| 26 | `#91e092` | `oklch(83.55% 0.1317 144.47)` | VIC 20 Green | black, 13.2 to 1 |
| 27 | `#85e19a` | `oklch(83.31% 0.1326 149.97)` | VIC 20 Green | black, 13.1 to 1 |
| 28 | `#78e0a3` | `oklch(82.80% 0.1315 156.31)` | Medium Aquamarine | black, 12.9 to 1 |
| 29 | `#68ddad` | `oklch(81.76% 0.1278 164.00)` | Medium Aquamarine | black, 12.5 to 1 |
| 30 | `#5cd9b6` | `oklch(80.45% 0.1227 172.02)` | Peppy | black, 12 to 1 |
| 31 | `#54d4bd` | `oklch(79.19% 0.1177 179.12)` | Sweet Garden | black, 11.5 to 1 |
| 32 | `#50d0c1` | `oklch(78.35% 0.1144 184.07)` | Bianchi Green | black, 11.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #3762a6 0.0%, #3e5f9f 3.2%, #445a95 6.5%, #4b568a 9.7%, #525281 12.9%, #5d517c 16.1%, #6b5175 19.4%, #78536e 22.6%, #845866 25.8%, #8e5e61 29.0%, #98655f 32.3%, #a46d5c 35.5%, #b0755a 38.7%, #ba7e57 41.9%, #c08855 45.2%, #c59356 48.4%, #c99e59 51.6%, #caa95d 54.8%, #cab361 58.1%, #c7bd65 61.3%, #c1c66b 64.5%, #b9ce72 67.7%, #b0d57b 71.0%, #a6da83 74.2%, #9cdd8b 77.4%, #91e092 80.6%, #85e19a 83.9%, #78e0a3 87.1%, #68ddad 90.3%, #5cd9b6 93.5%, #54d4bd 96.8%, #50d0c1 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(50.00% 0.1185 258.75) 0.0%, oklch(49.16% 0.1106 262.34) 3.2%, oklch(47.87% 0.0991 267.03) 6.5%, oklch(46.66% 0.0868 273.68) 9.7%, oklch(46.03% 0.0763 283.18) 12.9%, oklch(46.40% 0.0696 296.86) 16.1%, oklch(47.56% 0.0648 315.95) 19.4%, oklch(49.25% 0.0619 337.53) 22.6%, oklch(51.29% 0.0609 358.28) 25.8%, oklch(53.47% 0.0624 14.90) 29.0%, oklch(55.96% 0.0677 27.17) 32.3%, oklch(58.80% 0.0758 36.95) 35.5%, oklch(61.74% 0.0847 45.40) 38.7%, oklch(64.59% 0.0922 53.70) 41.9%, oklch(67.25% 0.0966 62.42) 45.2%, oklch(69.92% 0.0991 70.65) 48.4%, oklch(72.51% 0.1008 78.57) 51.6%, oklch(74.88% 0.1027 86.42) 54.8%, oklch(76.93% 0.1058 94.47) 58.1%, oklch(78.73% 0.1101 102.88) 61.3%, oklch(80.30% 0.1149 111.36) 64.5%, oklch(81.59% 0.1196 119.54) 67.7%, oklch(82.57% 0.1236 127.07) 71.0%, oklch(83.20% 0.1267 133.56) 74.2%, oklch(83.52% 0.1296 139.18) 77.4%, oklch(83.55% 0.1317 144.47) 80.6%, oklch(83.31% 0.1326 149.97) 83.9%, oklch(82.80% 0.1315 156.31) 87.1%, oklch(81.76% 0.1278 164.00) 90.3%, oklch(80.45% 0.1227 172.02) 93.5%, oklch(79.19% 0.1177 179.12) 96.8%, oklch(78.35% 0.1144 184.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.119 | 258.8 |
| 2 | 0.461 | 0.073 | 288.3 |
| 3 | 0.531 | 0.062 | 372.9 |
| 4 | 0.654 | 0.094 | 416.2 |
| 5 | 0.764 | 0.105 | 452.1 |
| 6 | 0.827 | 0.124 | 488.1 |
| 7 | 0.831 | 0.132 | 513.4 |
| 8 | 0.783 | 0.114 | 544.1 |

## In these collections

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

## Other forms

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