# Ochre and turquoise yellow and blue palette

The Ochre and turquoise yellow and blue palette brings together orange, gold, yellow, light green, and blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Orange, yellow, light green and blue linear swatches
- Seed: `kYwGA26zbCPE5wbvM0GZp1CloVSg`
- Page: https://grabient.com/kYwGA26zbCPE5wbvM0GZp1CloVSg?style=linearSwatches&steps=13&angle=45
- Drawn as: linear swatches, 13 steps, 45 degrees
- Kinds: vivid, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.8 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 | `#dfa341` | `oklch(75.59% 0.1323 76.64)` | Scrofulous Brown | black, 9.4 to 1 |
| 2 | `#e4b140` | `oklch(78.78% 0.1390 83.43)` | Quercitron | black, 10.6 to 1 |
| 3 | `#e9c443` | `oklch(82.94% 0.1476 92.52)` | Liberator Gold | black, 12.4 to 1 |
| 4 | `#e9d249` | `oklch(85.86% 0.1536 99.68)` | Aurora | black, 13.7 to 1 |
| 5 | `#e6dd50` | `oklch(88.01% 0.1580 105.76)` | Goldvreneli 1882 | black, 14.8 to 1 |
| 6 | `#dfe55c` | `oklch(89.08% 0.1580 111.61)` | Maximum Green Yellow | black, 15.4 to 1 |
| 7 | `#d4e768` | `oklch(88.90% 0.1538 116.86)` | Mindaro | black, 15.4 to 1 |
| 8 | `#c5e676` | `oklch(87.73% 0.1436 122.76)` | Idocrase Green | black, 14.9 to 1 |
| 9 | `#b8e088` | `oklch(85.67% 0.1221 128.62)` | Green Chalk | black, 14 to 1 |
| 10 | `#abd598` | `oklch(82.72% 0.0934 136.18)` | Cool Aloe | black, 12.6 to 1 |
| 11 | `#93caa9` | `oklch(79.14% 0.0738 157.97)` | Peppermint Spray | black, 11.2 to 1 |
| 12 | `#7bb9bb` | `oklch(74.43% 0.0635 199.18)` | Aqua Blue | black, 9.4 to 1 |
| 13 | `#7da8bf` | `oklch(70.87% 0.0579 231.98)` | Stormfang | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #dfa341 0.000% 7.692%, #e4b140 7.692% 15.385%, #e9c443 15.385% 23.077%, #e9d249 23.077% 30.769%, #e6dd50 30.769% 38.462%, #dfe55c 38.462% 46.154%, #d4e768 46.154% 53.846%, #c5e676 53.846% 61.538%, #b8e088 61.538% 69.231%, #abd598 69.231% 76.923%, #93caa9 76.923% 84.615%, #7bb9bb 84.615% 92.308%, #7da8bf 92.308% 100.000%);
background: linear-gradient(45deg, oklch(75.59% 0.1323 76.64) 0.000% 7.692%, oklch(78.78% 0.1390 83.43) 7.692% 15.385%, oklch(82.94% 0.1476 92.52) 15.385% 23.077%, oklch(85.86% 0.1536 99.68) 23.077% 30.769%, oklch(88.01% 0.1580 105.76) 30.769% 38.462%, oklch(89.08% 0.1580 111.61) 38.462% 46.154%, oklch(88.90% 0.1538 116.86) 46.154% 53.846%, oklch(87.73% 0.1436 122.76) 53.846% 61.538%, oklch(85.67% 0.1221 128.62) 61.538% 69.231%, oklch(82.72% 0.0934 136.18) 69.231% 76.923%, oklch(79.14% 0.0738 157.97) 76.923% 84.615%, oklch(74.43% 0.0635 199.18) 84.615% 92.308%, oklch(70.87% 0.0579 231.98) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.132 | 76.6 |
| 2 | 0.843 | 0.15 | 95.7 |
| 3 | 0.89 | 0.158 | 110.5 |
| 4 | 0.874 | 0.141 | 124.2 |
| 5 | 0.807 | 0.08 | 146.4 |
| 6 | 0.709 | 0.058 | 232 |

## In these collections

- [Yellow and blue gradients](https://grabient.com/yellow-and-blue-gradients)

## Other forms

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