# Yellow and Blue: Olive and lime

The "Yellow and Blue: Olive and lime" palette brings together gold, pale yellow, teal, and dark blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale yellow.

- Also called: Olive, tan, light green and navy linear gradient
- Seed: `kUi0pM9yA-OYpS6lIUhg`
- Page: https://grabient.com/kUi0pM9yA-OYpS6lIUhg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#777523` | `oklch(54.72% 0.1020 107.58)` | Crocodile Eye | white, 4.8 to 1 |
| 2 | `#7c7928` | `oklch(56.22% 0.1014 106.83)` | Crocodile Eye | black, 4.6 to 1 |
| 3 | `#837e2f` | `oklch(58.18% 0.1006 105.60)` | Verdant | black, 4.9 to 1 |
| 4 | `#8c8437` | `oklch(60.52% 0.0996 103.98)` | Apeland | black, 5.4 to 1 |
| 5 | `#968c3f` | `oklch(63.19% 0.0985 102.08)` | Retro Avocado | black, 6.1 to 1 |
| 6 | `#a09449` | `oklch(66.10% 0.0973 99.99)` | Lentil Sprout | black, 6.8 to 1 |
| 7 | `#ac9c53` | `oklch(69.18% 0.0959 97.83)` | Organic Matter | black, 7.6 to 1 |
| 8 | `#b8a65e` | `oklch(72.37% 0.0946 95.68)` | Nonpareil Apple | black, 8.6 to 1 |
| 9 | `#c3af69` | `oklch(75.58% 0.0933 93.65)` | Champagne Grape | black, 9.6 to 1 |
| 10 | `#cfb873` | `oklch(78.76% 0.0921 91.83)` | Sweet Mustard | black, 10.7 to 1 |
| 11 | `#dac27e` | `oklch(81.83% 0.0909 90.34)` | Germania | black, 11.9 to 1 |
| 12 | `#e4cb88` | `oklch(84.72% 0.0899 89.27)` | Lol Yellow | black, 13.1 to 1 |
| 13 | `#edd391` | `oklch(87.36% 0.0891 88.72)` | Nectar Jackpot | black, 14.3 to 1 |
| 14 | `#f5db99` | `oklch(89.67% 0.0884 88.79)` | Honey Tone | black, 15.4 to 1 |
| 15 | `#fae19f` | `oklch(91.58% 0.0881 89.58)` | Polka Dot Skirt | black, 16.3 to 1 |
| 16 | `#fee7a4` | `oklch(93.03% 0.0880 91.20)` | Sun Drenched | black, 17.1 to 1 |
| 17 | `#ffeba7` | `oklch(93.96% 0.0883 93.74)` | Rite of Spring | black, 17.6 to 1 |
| 18 | `#fdeea9` | `oklch(94.55% 0.0891 97.26)` | Transparent Yellow | black, 17.9 to 1 |
| 19 | `#faf1aa` | `oklch(94.89% 0.0902 101.68)` | Sailor Moonlight | black, 18.2 to 1 |
| 20 | `#f5f3ab` | `oklch(94.98% 0.0918 106.88)` | Thunderdome | black, 18.3 to 1 |
| 21 | `#eef5ac` | `oklch(94.83% 0.0936 112.76)` | Australian Mint | black, 18.3 to 1 |
| 22 | `#e5f7ad` | `oklch(94.47% 0.0956 119.20)` | Australian Mint | black, 18.1 to 1 |
| 23 | `#daf7b0` | `oklch(93.89% 0.0977 126.09)` | Mint Julep | black, 17.9 to 1 |
| 24 | `#cef7b3` | `oklch(93.10% 0.1000 133.32)` | Distilled Venom | black, 17.6 to 1 |
| 25 | `#c0f7b6` | `oklch(92.13% 0.1022 140.79)` | Spring Slumber Green | black, 17.1 to 1 |
| 26 | `#b1f5bb` | `oklch(90.99% 0.1044 148.38)` | Spring Slumber Green | black, 16.6 to 1 |
| 27 | `#a1f3bf` | `oklch(89.67% 0.1065 155.97)` | Ultra Mint | black, 16 to 1 |
| 28 | `#91efc4` | `oklch(88.20% 0.1085 163.47)` | Nightly Aurora | black, 15.3 to 1 |
| 29 | `#81ebc9` | `oklch(86.59% 0.1101 170.76)` | Bubble Algae | black, 14.6 to 1 |
| 30 | `#72e5cd` | `oklch(84.84% 0.1115 177.73)` | Turquoise Chalk | black, 13.8 to 1 |
| 31 | `#64dfd0` | `oklch(82.97% 0.1124 184.26)` | Jazzy Jade | black, 13 to 1 |
| 32 | `#58d8d1` | `oklch(81.00% 0.1129 190.26)` | Hammam Blue | black, 12.1 to 1 |
| 33 | `#4dd0d1` | `oklch(78.83% 0.1129 195.77)` | Blue Radiance | black, 11.2 to 1 |
| 34 | `#42c7cf` | `oklch(76.22% 0.1125 201.29)` | Sea Serpent | black, 10.2 to 1 |
| 35 | `#38bccc` | `oklch(73.20% 0.1117 206.82)` | Water Sports | black, 9.2 to 1 |
| 36 | `#30b0c6` | `oklch(69.86% 0.1106 212.33)` | Havasupai Falls | black, 8.1 to 1 |
| 37 | `#29a3bf` | `oklch(66.25% 0.1092 217.78)` | Maui | black, 7 to 1 |
| 38 | `#2395b7` | `oklch(62.45% 0.1075 223.13)` | Bondi Blue | black, 6 to 1 |
| 39 | `#1f87ad` | `oklch(58.53% 0.1058 228.36)` | Lyrebird | black, 5.1 to 1 |
| 40 | `#1d79a3` | `oklch(54.55% 0.1038 233.43)` | In the Mood | white, 4.8 to 1 |
| 41 | `#1b6c98` | `oklch(50.59% 0.1019 238.30)` | Disarm | white, 5.7 to 1 |
| 42 | `#1a5f8d` | `oklch(46.71% 0.0999 242.94)` | Pontoon | white, 6.8 to 1 |
| 43 | `#185382` | `oklch(42.99% 0.0980 247.31)` | Grand Bleu | white, 8 to 1 |
| 44 | `#174878` | `oklch(39.50% 0.0962 251.38)` | Thunder Night | white, 9.4 to 1 |
| 45 | `#163e6e` | `oklch(36.29% 0.0945 255.12)` | Ashenvale Nights | white, 10.7 to 1 |
| 46 | `#153565` | `oklch(33.45% 0.0930 258.49)` | Funnel Cloud | white, 12.1 to 1 |
| 47 | `#142e5e` | `oklch(31.04% 0.0918 261.45)` | Ambassador Blue | white, 13.2 to 1 |
| 48 | `#132858` | `oklch(29.13% 0.0909 263.98)` | Ultramarine Violet | white, 14.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #777523 0.0%, #7c7928 2.1%, #837e2f 4.3%, #8c8437 6.4%, #968c3f 8.5%, #a09449 10.6%, #ac9c53 12.8%, #b8a65e 14.9%, #c3af69 17.0%, #cfb873 19.1%, #dac27e 21.3%, #e4cb88 23.4%, #edd391 25.5%, #f5db99 27.7%, #fae19f 29.8%, #fee7a4 31.9%, #ffeba7 34.0%, #fdeea9 36.2%, #faf1aa 38.3%, #f5f3ab 40.4%, #eef5ac 42.6%, #e5f7ad 44.7%, #daf7b0 46.8%, #cef7b3 48.9%, #c0f7b6 51.1%, #b1f5bb 53.2%, #a1f3bf 55.3%, #91efc4 57.4%, #81ebc9 59.6%, #72e5cd 61.7%, #64dfd0 63.8%, #58d8d1 66.0%, #4dd0d1 68.1%, #42c7cf 70.2%, #38bccc 72.3%, #30b0c6 74.5%, #29a3bf 76.6%, #2395b7 78.7%, #1f87ad 80.9%, #1d79a3 83.0%, #1b6c98 85.1%, #1a5f8d 87.2%, #185382 89.4%, #174878 91.5%, #163e6e 93.6%, #153565 95.7%, #142e5e 97.9%, #132858 100.0%);
background: linear-gradient(135deg in oklch, oklch(54.72% 0.1020 107.58) 0.0%, oklch(56.22% 0.1014 106.83) 2.1%, oklch(58.18% 0.1006 105.60) 4.3%, oklch(60.52% 0.0996 103.98) 6.4%, oklch(63.19% 0.0985 102.08) 8.5%, oklch(66.10% 0.0973 99.99) 10.6%, oklch(69.18% 0.0959 97.83) 12.8%, oklch(72.37% 0.0946 95.68) 14.9%, oklch(75.58% 0.0933 93.65) 17.0%, oklch(78.76% 0.0921 91.83) 19.1%, oklch(81.83% 0.0909 90.34) 21.3%, oklch(84.72% 0.0899 89.27) 23.4%, oklch(87.36% 0.0891 88.72) 25.5%, oklch(89.67% 0.0884 88.79) 27.7%, oklch(91.58% 0.0881 89.58) 29.8%, oklch(93.03% 0.0880 91.20) 31.9%, oklch(93.96% 0.0883 93.74) 34.0%, oklch(94.55% 0.0891 97.26) 36.2%, oklch(94.89% 0.0902 101.68) 38.3%, oklch(94.98% 0.0918 106.88) 40.4%, oklch(94.83% 0.0936 112.76) 42.6%, oklch(94.47% 0.0956 119.20) 44.7%, oklch(93.89% 0.0977 126.09) 46.8%, oklch(93.10% 0.1000 133.32) 48.9%, oklch(92.13% 0.1022 140.79) 51.1%, oklch(90.99% 0.1044 148.38) 53.2%, oklch(89.67% 0.1065 155.97) 55.3%, oklch(88.20% 0.1085 163.47) 57.4%, oklch(86.59% 0.1101 170.76) 59.6%, oklch(84.84% 0.1115 177.73) 61.7%, oklch(82.97% 0.1124 184.26) 63.8%, oklch(81.00% 0.1129 190.26) 66.0%, oklch(78.83% 0.1129 195.77) 68.1%, oklch(76.22% 0.1125 201.29) 70.2%, oklch(73.20% 0.1117 206.82) 72.3%, oklch(69.86% 0.1106 212.33) 74.5%, oklch(66.25% 0.1092 217.78) 76.6%, oklch(62.45% 0.1075 223.13) 78.7%, oklch(58.53% 0.1058 228.36) 80.9%, oklch(54.55% 0.1038 233.43) 83.0%, oklch(50.59% 0.1019 238.30) 85.1%, oklch(46.71% 0.0999 242.94) 87.2%, oklch(42.99% 0.0980 247.31) 89.4%, oklch(39.50% 0.0962 251.38) 91.5%, oklch(36.29% 0.0945 255.12) 93.6%, oklch(33.45% 0.0930 258.49) 95.7%, oklch(31.04% 0.0918 261.45) 97.9%, oklch(29.13% 0.0909 263.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.102 | 107.6 |
| 2 | 0.937 | 0.088 | 92.8 |
| 3 | 0.803 | 0.113 | 192.1 |
| 4 | 0.291 | 0.091 | 264 |

## In these collections

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

## Other forms

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