# Cobalt blue, emerald and ochre golden pollen

The Cobalt blue, emerald and ochre golden pollen brings together blue, teal, light green, gold, and orange. The colors span a moderate lightness range, combining moderate 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 blue, green and orange linear gradient
- Seed: `kYaEi5RqS8luiOdoqzo57G79gxvS`
- Page: https://grabient.com/kYaEi5RqS8luiOdoqzo57G79gxvS?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: light center, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#29497f` | `oklch(40.94% 0.0992 260.16)` | Florida Waters | white, 8.9 to 1 |
| 2 | `#284e84` | `oklch(42.45% 0.0994 257.43)` | Night Mode | white, 8.3 to 1 |
| 3 | `#28558a` | `oklch(44.50% 0.0998 253.88)` | Flashy Sapphire | white, 7.6 to 1 |
| 4 | `#285e90` | `oklch(46.94% 0.1003 249.59)` | Sapphire Lace | white, 6.8 to 1 |
| 5 | `#276797` | `oklch(49.61% 0.1007 244.62)` | Starry Night | white, 6 to 1 |
| 6 | `#25719d` | `oklch(52.35% 0.1008 239.04)` | Deep Water | white, 5.3 to 1 |
| 7 | `#237ba3` | `oklch(55.00% 0.1007 232.91)` | Prominent Blue | white, 4.7 to 1 |
| 8 | `#2285a6` | `oklch(57.59% 0.0999 226.06)` | Azores Blue | black, 4.9 to 1 |
| 9 | `#268fa8` | `oklch(60.36% 0.0982 218.20)` | Zeftron | black, 5.5 to 1 |
| 10 | `#2e99aa` | `oklch(63.20% 0.0963 209.64)` | Aqua Dance | black, 6.2 to 1 |
| 11 | `#3aa3aa` | `oklch(66.01% 0.0944 200.72)` | Teal Essence | black, 7 to 1 |
| 12 | `#48ada9` | `oklch(68.70% 0.0933 191.78)` | Blue Turquoise | black, 7.8 to 1 |
| 13 | `#55b5a8` | `oklch(71.15% 0.0933 183.14)` | Emerald Wave | black, 8.5 to 1 |
| 14 | `#61bca5` | `oklch(73.33% 0.0949 174.95)` | Bath Turquoise | black, 9.2 to 1 |
| 15 | `#6dc3a2` | `oklch(75.41% 0.0980 166.71)` | Gem Silica | black, 10 to 1 |
| 16 | `#79c99d` | `oklch(77.35% 0.1022 158.48)` | Jocose Jade | black, 10.7 to 1 |
| 17 | `#87cf97` | `oklch(79.09% 0.1070 150.41)` | Fennel | black, 11.3 to 1 |
| 18 | `#95d290` | `oklch(80.58% 0.1118 142.65)` | Botanist | black, 11.9 to 1 |
| 19 | `#a2d588` | `oklch(81.75% 0.1162 135.34)` | Celery Sprig | black, 12.3 to 1 |
| 20 | `#aed57f` | `oklch(82.57% 0.1199 128.61)` | Wasabi | black, 12.6 to 1 |
| 21 | `#b9d577` | `oklch(83.08% 0.1234 122.39)` | Rebounder | black, 12.8 to 1 |
| 22 | `#c3d36f` | `oklch(83.30% 0.1268 116.58)` | Daiquiri Green | black, 12.8 to 1 |
| 23 | `#cbd066` | `oklch(83.24% 0.1299 111.14)` | Soft Fern | black, 12.7 to 1 |
| 24 | `#d2cc5e` | `oklch(82.89% 0.1327 106.02)` | Quince | black, 12.5 to 1 |
| 25 | `#d8c755` | `oklch(82.24% 0.1350 101.16)` | Citron | black, 12.2 to 1 |
| 26 | `#dbc14d` | `oklch(81.27% 0.1367 96.50)` | Cream Gold | black, 11.7 to 1 |
| 27 | `#ddb945` | `oklch(79.67% 0.1375 91.90)` | Credo | black, 11.1 to 1 |
| 28 | `#dbb03c` | `oklch(77.51% 0.1377 87.44)` | Citronite | black, 10.2 to 1 |
| 29 | `#d8a534` | `oklch(75.10% 0.1375 83.28)` | Yellow Jasper | black, 9.3 to 1 |
| 30 | `#d49c2c` | `oklch(72.73% 0.1370 79.57)` | Roman Gold | black, 8.5 to 1 |
| 31 | `#d09327` | `oklch(70.69% 0.1366 76.48)` | Jackpot | black, 7.9 to 1 |
| 32 | `#ce8e23` | `oklch(69.29% 0.1364 74.17)` | End of Summer | black, 7.4 to 1 |

## CSS

```css
background: linear-gradient(270deg, #29497f 0.0%, #284e84 3.2%, #28558a 6.5%, #285e90 9.7%, #276797 12.9%, #25719d 16.1%, #237ba3 19.4%, #2285a6 22.6%, #268fa8 25.8%, #2e99aa 29.0%, #3aa3aa 32.3%, #48ada9 35.5%, #55b5a8 38.7%, #61bca5 41.9%, #6dc3a2 45.2%, #79c99d 48.4%, #87cf97 51.6%, #95d290 54.8%, #a2d588 58.1%, #aed57f 61.3%, #b9d577 64.5%, #c3d36f 67.7%, #cbd066 71.0%, #d2cc5e 74.2%, #d8c755 77.4%, #dbc14d 80.6%, #ddb945 83.9%, #dbb03c 87.1%, #d8a534 90.3%, #d49c2c 93.5%, #d09327 96.8%, #ce8e23 100.0%);
background: linear-gradient(270deg in oklch, oklch(40.94% 0.0992 260.16) 0.0%, oklch(42.45% 0.0994 257.43) 3.2%, oklch(44.50% 0.0998 253.88) 6.5%, oklch(46.94% 0.1003 249.59) 9.7%, oklch(49.61% 0.1007 244.62) 12.9%, oklch(52.35% 0.1008 239.04) 16.1%, oklch(55.00% 0.1007 232.91) 19.4%, oklch(57.59% 0.0999 226.06) 22.6%, oklch(60.36% 0.0982 218.20) 25.8%, oklch(63.20% 0.0963 209.64) 29.0%, oklch(66.01% 0.0944 200.72) 32.3%, oklch(68.70% 0.0933 191.78) 35.5%, oklch(71.15% 0.0933 183.14) 38.7%, oklch(73.33% 0.0949 174.95) 41.9%, oklch(75.41% 0.0980 166.71) 45.2%, oklch(77.35% 0.1022 158.48) 48.4%, oklch(79.09% 0.1070 150.41) 51.6%, oklch(80.58% 0.1118 142.65) 54.8%, oklch(81.75% 0.1162 135.34) 58.1%, oklch(82.57% 0.1199 128.61) 61.3%, oklch(83.08% 0.1234 122.39) 64.5%, oklch(83.30% 0.1268 116.58) 67.7%, oklch(83.24% 0.1299 111.14) 71.0%, oklch(82.89% 0.1327 106.02) 74.2%, oklch(82.24% 0.1350 101.16) 77.4%, oklch(81.27% 0.1367 96.50) 80.6%, oklch(79.67% 0.1375 91.90) 83.9%, oklch(77.51% 0.1377 87.44) 87.1%, oklch(75.10% 0.1375 83.28) 90.3%, oklch(72.73% 0.1370 79.57) 93.5%, oklch(70.69% 0.1366 76.48) 96.8%, oklch(69.29% 0.1364 74.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.099 | 260.2 |
| 2 | 0.555 | 0.101 | 231.6 |
| 3 | 0.72 | 0.094 | 179.8 |
| 4 | 0.823 | 0.119 | 131.2 |
| 5 | 0.815 | 0.136 | 97.4 |
| 6 | 0.693 | 0.136 | 74.2 |

## In these collections

- [Golden pollen](https://grabient.com/golden-pollen)

## Other forms

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