# Yellow and Blue: Pale aqua and ochre

The "Yellow and Blue: Pale aqua and ochre" palette brings together off-white, gold, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Light blue, yellow, green and blue linear gradient
- Seed: `kS-A2JZTYzrw81G`
- Page: https://grabient.com/kS-A2JZTYzrw81G?steps=48&angle=180
- Drawn as: linear gradient, 48 steps, 180 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#eafbfa` | `oklch(97.64% 0.0179 192.66)` | Placebo Sky | black, 19.7 to 1 |
| 2 | `#e7fbf9` | `oklch(97.23% 0.0210 190.03)` | Calm Waters | black, 19.5 to 1 |
| 3 | `#e3faf7` | `oklch(96.79% 0.0248 186.61)` | Calm Waters | black, 19.3 to 1 |
| 4 | `#dffaf4` | `oklch(96.31% 0.0291 182.50)` | Mint Condition | black, 19 to 1 |
| 5 | `#daf9f1` | `oklch(95.79% 0.0339 177.77)` | Mint Condition | black, 18.8 to 1 |
| 6 | `#d6f8ec` | `oklch(95.23% 0.0391 172.52)` | Mid Spring Morning | black, 18.5 to 1 |
| 7 | `#d2f8e7` | `oklch(94.64% 0.0448 166.83)` | Cactus Water | black, 18.2 to 1 |
| 8 | `#cff6e0` | `oklch(94.01% 0.0508 160.79)` | Cactus Water | black, 17.9 to 1 |
| 9 | `#ccf5d8` | `oklch(93.36% 0.0571 154.49)` | Fennel Tea | black, 17.6 to 1 |
| 10 | `#cbf3cf` | `oklch(92.66% 0.0636 148.02)` | Mint Gloss | black, 17.2 to 1 |
| 11 | `#cbf1c5` | `oklch(91.94% 0.0703 141.46)` | Celery Victor | black, 16.9 to 1 |
| 12 | `#cceebb` | `oklch(91.19% 0.0771 134.90)` | Toxic Essence | black, 16.5 to 1 |
| 13 | `#cfebaf` | `oklch(90.40% 0.0840 128.44)` | Imbued With Mint | black, 16.1 to 1 |
| 14 | `#d2e7a3` | `oklch(89.59% 0.0908 122.16)` | Apple Bob | black, 15.6 to 1 |
| 15 | `#d6e397` | `oklch(88.75% 0.0976 116.14)` | Apple Bob | black, 15.2 to 1 |
| 16 | `#dade8c` | `oklch(87.88% 0.1043 110.48)` | Garlic Toast | black, 14.7 to 1 |
| 17 | `#ded980` | `oklch(86.98% 0.1109 105.26)` | Garlic Toast | black, 14.3 to 1 |
| 18 | `#e2d375` | `oklch(86.06% 0.1172 100.57)` | Golden Rice | black, 13.8 to 1 |
| 19 | `#e5ce6a` | `oklch(85.12% 0.1232 96.50)` | Sulphur Pit | black, 13.3 to 1 |
| 20 | `#e8c960` | `oklch(84.15% 0.1289 93.13)` | Citrus Zest | black, 12.9 to 1 |
| 21 | `#e9c456` | `oklch(83.16% 0.1342 90.56)` | Blonde Girl | black, 12.4 to 1 |
| 22 | `#e9bf4c` | `oklch(82.15% 0.1390 88.88)` | Midas Touch | black, 12 to 1 |
| 23 | `#e8bb41` | `oklch(81.11% 0.1434 88.16)` | Midas Touch | black, 11.6 to 1 |
| 24 | `#e5b837` | `oklch(80.06% 0.1472 88.50)` | Last Sunlight | black, 11.2 to 1 |
| 25 | `#e0b52b` | `oklch(78.98% 0.1504 90.00)` | Golden Frame | black, 10.8 to 1 |
| 26 | `#d9b31e` | `oklch(77.80% 0.1532 92.74)` | Crown of Liechtenstein | black, 10.4 to 1 |
| 27 | `#cfb10d` | `oklch(76.53% 0.1556 96.65)` | Mustard | black, 9.9 to 1 |
| 28 | `#c4b100` | `oklch(75.18% 0.1572 101.60)` | Brownish Yellow | black, 9.5 to 1 |
| 29 | `#b5b000` | `oklch(73.75% 0.1586 107.52)` | Citronelle | black, 9.1 to 1 |
| 30 | `#a4b009` | `oklch(72.27% 0.1611 114.28)` | Marker Green | black, 8.7 to 1 |
| 31 | `#91af1e` | `oklch(70.73% 0.1624 121.79)` | Icky Green | black, 8.3 to 1 |
| 32 | `#79af31` | `oklch(69.15% 0.1635 129.93)` | Natural Order | black, 7.9 to 1 |
| 33 | `#5dae42` | `oklch(67.55% 0.1644 138.62)` | Sonata in Green Minor | black, 7.5 to 1 |
| 34 | `#37ac53` | `oklch(65.92% 0.1650 147.73)` | Leapfrog | black, 7.1 to 1 |
| 35 | `#00a866` | `oklch(64.29% 0.1526 157.16)` | Greedo Green | black, 6.7 to 1 |
| 36 | `#00a077` | `oklch(62.66% 0.1287 166.83)` | Holly Green | black, 6.3 to 1 |
| 37 | `#009981` | `oklch(61.05% 0.1136 176.62)` | Paolo Veronese Green | black, 5.8 to 1 |
| 38 | `#009288` | `oklch(59.45% 0.1041 186.42)` | Nifty Turquoise | black, 5.4 to 1 |
| 39 | `#008c8d` | `oklch(57.90% 0.0986 196.14)` | Egyptian Teal | black, 5.1 to 1 |
| 40 | `#008591` | `oklch(56.39% 0.0964 205.66)` | True Teal | black, 4.7 to 1 |
| 41 | `#007f94` | `oklch(54.93% 0.0970 214.89)` | Pagoda | white, 4.6 to 1 |
| 42 | `#007998` | `oklch(53.55% 0.1003 223.72)` | Sea Sight | white, 5 to 1 |
| 43 | `#00739c` | `oklch(52.24% 0.1066 232.04)` | Tofino Belue | white, 5.3 to 1 |
| 44 | `#006da1` | `oklch(51.02% 0.1164 239.75)` | Disarm | white, 5.6 to 1 |
| 45 | `#0067a8` | `oklch(49.90% 0.1305 246.75)` | Medium Persian Blue | white, 5.9 to 1 |
| 46 | `#0060b2` | `oklch(48.89% 0.1505 252.93)` | Greek Flag Blue | white, 6.3 to 1 |
| 47 | `#1059b9` | `oklch(48.00% 0.1664 258.17)` | London Rain | white, 6.6 to 1 |
| 48 | `#2354b7` | `oklch(47.24% 0.1667 262.40)` | Cerulean Blue | white, 6.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #eafbfa 0.0%, #e7fbf9 2.1%, #e3faf7 4.3%, #dffaf4 6.4%, #daf9f1 8.5%, #d6f8ec 10.6%, #d2f8e7 12.8%, #cff6e0 14.9%, #ccf5d8 17.0%, #cbf3cf 19.1%, #cbf1c5 21.3%, #cceebb 23.4%, #cfebaf 25.5%, #d2e7a3 27.7%, #d6e397 29.8%, #dade8c 31.9%, #ded980 34.0%, #e2d375 36.2%, #e5ce6a 38.3%, #e8c960 40.4%, #e9c456 42.6%, #e9bf4c 44.7%, #e8bb41 46.8%, #e5b837 48.9%, #e0b52b 51.1%, #d9b31e 53.2%, #cfb10d 55.3%, #c4b100 57.4%, #b5b000 59.6%, #a4b009 61.7%, #91af1e 63.8%, #79af31 66.0%, #5dae42 68.1%, #37ac53 70.2%, #00a866 72.3%, #00a077 74.5%, #009981 76.6%, #009288 78.7%, #008c8d 80.9%, #008591 83.0%, #007f94 85.1%, #007998 87.2%, #00739c 89.4%, #006da1 91.5%, #0067a8 93.6%, #0060b2 95.7%, #1059b9 97.9%, #2354b7 100.0%);
background: linear-gradient(180deg in oklch, oklch(97.64% 0.0179 192.66) 0.0%, oklch(97.23% 0.0210 190.03) 2.1%, oklch(96.79% 0.0248 186.61) 4.3%, oklch(96.31% 0.0291 182.50) 6.4%, oklch(95.79% 0.0339 177.77) 8.5%, oklch(95.23% 0.0391 172.52) 10.6%, oklch(94.64% 0.0448 166.83) 12.8%, oklch(94.01% 0.0508 160.79) 14.9%, oklch(93.36% 0.0571 154.49) 17.0%, oklch(92.66% 0.0636 148.02) 19.1%, oklch(91.94% 0.0703 141.46) 21.3%, oklch(91.19% 0.0771 134.90) 23.4%, oklch(90.40% 0.0840 128.44) 25.5%, oklch(89.59% 0.0908 122.16) 27.7%, oklch(88.75% 0.0976 116.14) 29.8%, oklch(87.88% 0.1043 110.48) 31.9%, oklch(86.98% 0.1109 105.26) 34.0%, oklch(86.06% 0.1172 100.57) 36.2%, oklch(85.12% 0.1232 96.50) 38.3%, oklch(84.15% 0.1289 93.13) 40.4%, oklch(83.16% 0.1342 90.56) 42.6%, oklch(82.15% 0.1390 88.88) 44.7%, oklch(81.11% 0.1434 88.16) 46.8%, oklch(80.06% 0.1472 88.50) 48.9%, oklch(78.98% 0.1504 90.00) 51.1%, oklch(77.80% 0.1532 92.74) 53.2%, oklch(76.53% 0.1556 96.65) 55.3%, oklch(75.18% 0.1572 101.60) 57.4%, oklch(73.75% 0.1586 107.52) 59.6%, oklch(72.27% 0.1611 114.28) 61.7%, oklch(70.73% 0.1624 121.79) 63.8%, oklch(69.15% 0.1635 129.93) 66.0%, oklch(67.55% 0.1644 138.62) 68.1%, oklch(65.92% 0.1650 147.73) 70.2%, oklch(64.29% 0.1526 157.16) 72.3%, oklch(62.66% 0.1287 166.83) 74.5%, oklch(61.05% 0.1136 176.62) 76.6%, oklch(59.45% 0.1041 186.42) 78.7%, oklch(57.90% 0.0986 196.14) 80.9%, oklch(56.39% 0.0964 205.66) 83.0%, oklch(54.93% 0.0970 214.89) 85.1%, oklch(53.55% 0.1003 223.72) 87.2%, oklch(52.24% 0.1066 232.04) 89.4%, oklch(51.02% 0.1164 239.75) 91.5%, oklch(49.90% 0.1305 246.75) 93.6%, oklch(48.89% 0.1505 252.93) 95.7%, oklch(48.00% 0.1664 258.17) 97.9%, oklch(47.24% 0.1667 262.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.018 | 192.7 |
| 2 | 0.795 | 0.149 | 89.1 |
| 3 | 0.472 | 0.167 | 262.4 |

## In these collections

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

## Other forms

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