# Teal and gold golden pollen palette

The Teal and gold golden pollen palette brings together teal, gold, light yellow, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light yellow.

- Also called: Teal, yellow, tan and light blue linear swatches
- Seed: `kUgTGT5zayXSpQLbF88g`
- Page: https://grabient.com/kUgTGT5zayXSpQLbF88g?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, pastel, light, multicolor
- Hues: wide
- 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 | `#2e7079` | `oklch(50.79% 0.0675 207.42)` | King Tide | white, 5.6 to 1 |
| 2 | `#e4bd36` | `oklch(81.10% 0.1502 92.24)` | Solarium | black, 11.6 to 1 |
| 3 | `#f7e58b` | `oklch(91.73% 0.1130 98.58)` | East of the Sun | black, 16.5 to 1 |
| 4 | `#78acc3` | `oklch(71.65% 0.0648 227.50)` | Soul Blue | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2e7079 0.000% 25.000%, #e4bd36 25.000% 50.000%, #f7e58b 50.000% 75.000%, #78acc3 75.000% 100.000%);
background: linear-gradient(90deg, oklch(50.79% 0.0675 207.42) 0.000% 25.000%, oklch(81.10% 0.1502 92.24) 25.000% 50.000%, oklch(91.73% 0.1130 98.58) 50.000% 75.000%, oklch(71.65% 0.0648 227.50) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.068 | 207.4 |
| 2 | 0.811 | 0.15 | 92.2 |
| 3 | 0.917 | 0.113 | 98.6 |
| 4 | 0.717 | 0.065 | 227.5 |

## In these collections

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

## Other forms

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