# Lemon gold cream and navy veranda light

Yellow, orange, tan and navy angular gradient with 56 colors: #f1c92e, #f0c72e, #efc52d, #edc22b, #ebbe29, #e9bb27, #e7b726, #e4b325, #e2b025, #e0ad26, #deaa29, #dca92d, #dba832, #daa838, #daa93f, #dbac49, #dfb055, #e4b562, #e9bc71, #efc37f, #f5ca8d, #fad29b, #fed9a8, #ffe1b8, #ffe6c4, #ffeacb, #ffecca, #fcecc8, #f4e9c6, #e8e4c0, #d9ddb8, #c6d4af, #b0caa7, #97bfa1, #7cb29c, #62a599, #499698, #358795, #287892, #24698e, #265c88, #285182, #2a497c, #2a4276, #2a3d71, #28396c, #263667, #243463, #22325f, #1f315b, #1d3058, #1b3055, #192f52, #182f50, #172e4e, #162d4c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Yellow, orange, tan and navy angular gradient
- Seed: `kW13ZCYLC-3eRwK2IlOJZdAA`
- Page: https://grabient.com/kW13ZCYLC-3eRwK2IlOJZdAA?style=angularGradient&steps=56&angle=225
- Drawn as: angular gradient, 56 steps, 225 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.9 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 | `#f1c92e` | `oklch(84.65% 0.1626 92.81)` | Lemonade Stand | black, 13.1 to 1 |
| 2 | `#f0c72e` | `oklch(84.22% 0.1615 92.38)` | Tank Yellow | black, 12.9 to 1 |
| 3 | `#efc52d` | `oklch(83.60% 0.1604 91.79)` | Moon Yellow | black, 12.6 to 1 |
| 4 | `#edc22b` | `oklch(82.84% 0.1593 91.08)` | Fresh Scent | black, 12.3 to 1 |
| 5 | `#ebbe29` | `oklch(81.96% 0.1580 90.27)` | Bright Sun | black, 11.9 to 1 |
| 6 | `#e9bb27` | `oklch(81.01% 0.1566 89.39)` | Gold Leaf | black, 11.5 to 1 |
| 7 | `#e7b726` | `oklch(80.03% 0.1550 88.47)` | Deli Yellow | black, 11.1 to 1 |
| 8 | `#e4b325` | `oklch(79.06% 0.1532 87.55)` | Kogane Gold | black, 10.8 to 1 |
| 9 | `#e2b025` | `oklch(78.15% 0.1512 86.64)` | Kōwhai Yellow | black, 10.4 to 1 |
| 10 | `#e0ad26` | `oklch(77.33% 0.1490 85.79)` | Urobilin | black, 10.1 to 1 |
| 11 | `#deaa29` | `oklch(76.65% 0.1464 85.01)` | Baroque | black, 9.9 to 1 |
| 12 | `#dca92d` | `oklch(76.14% 0.1435 84.34)` | Currywurst | black, 9.7 to 1 |
| 13 | `#dba832` | `oklch(75.85% 0.1403 83.81)` | Golden Grass | black, 9.6 to 1 |
| 14 | `#daa838` | `oklch(75.82% 0.1367 83.45)` | Sunny Disposition | black, 9.6 to 1 |
| 15 | `#daa93f` | `oklch(76.09% 0.1326 83.25)` | Crispy Chicken Skin | black, 9.7 to 1 |
| 16 | `#dbac49` | `oklch(76.89% 0.1275 82.68)` | Golden Rule | black, 9.9 to 1 |
| 17 | `#dfb055` | `oklch(78.20% 0.1214 81.65)` | Gold of Triumph | black, 10.4 to 1 |
| 18 | `#e4b562` | `oklch(79.91% 0.1146 80.30)` | River of Gold | black, 11 to 1 |
| 19 | `#e9bc71` | `oklch(81.91% 0.1071 78.83)` | Natrolite | black, 11.8 to 1 |
| 20 | `#efc37f` | `oklch(84.09% 0.0993 77.38)` | Polenta | black, 12.7 to 1 |
| 21 | `#f5ca8d` | `oklch(86.33% 0.0913 76.12)` | Beacon Yellow | black, 13.7 to 1 |
| 22 | `#fad29b` | `oklch(88.54% 0.0833 75.23)` | Paw Paw | black, 14.7 to 1 |
| 23 | `#fed9a8` | `oklch(90.58% 0.0757 74.86)` | Peachy Summer Skies | black, 15.7 to 1 |
| 24 | `#ffe1b8` | `oklch(92.36% 0.0631 75.19)` | Cookie | black, 16.6 to 1 |
| 25 | `#ffe6c4` | `oklch(93.77% 0.0525 76.37)` | Neutral Peach | black, 17.4 to 1 |
| 26 | `#ffeacb` | `oklch(94.68% 0.0470 78.58)` | Blanched Almond | black, 17.9 to 1 |
| 27 | `#ffecca` | `oklch(94.99% 0.0484 81.97)` | Provence Creme | black, 18.1 to 1 |
| 28 | `#fcecc8` | `oklch(94.60% 0.0492 86.71)` | Senior Moment | black, 17.9 to 1 |
| 29 | `#f4e9c6` | `oklch(93.37% 0.0477 93.09)` | Summer Sunshine | black, 17.3 to 1 |
| 30 | `#e8e4c0` | `oklch(91.28% 0.0479 101.71)` | Arctic Daisy | black, 16.2 to 1 |
| 31 | `#d9ddb8` | `oklch(88.44% 0.0496 112.33)` | Clean Air | black, 14.9 to 1 |
| 32 | `#c6d4af` | `oklch(84.96% 0.0524 124.57)` | Pistachio Pudding | black, 13.4 to 1 |
| 33 | `#b0caa7` | `oklch(80.99% 0.0561 138.06)` | Relish | black, 11.8 to 1 |
| 34 | `#97bfa1` | `oklch(76.63% 0.0606 152.43)` | Green-Eyed Lady | black, 10.2 to 1 |
| 35 | `#7cb29c` | `oklch(72.02% 0.0656 167.30)` | Beau Monde | black, 8.7 to 1 |
| 36 | `#62a599` | `oklch(67.28% 0.0708 182.29)` | Aqua Rapids | black, 7.3 to 1 |
| 37 | `#499698` | `oklch(62.54% 0.0760 197.04)` | Aquatic Green | black, 6 to 1 |
| 38 | `#358795` | `oklch(57.91% 0.0809 211.17)` | Precious Stone | black, 5 to 1 |
| 39 | `#287892` | `oklch(53.54% 0.0854 224.29)` | Turkish Stone | white, 5 to 1 |
| 40 | `#24698e` | `oklch(49.53% 0.0891 236.05)` | Bondi | white, 6 to 1 |
| 41 | `#265c88` | `oklch(46.02% 0.0919 246.06)` | Dead Lake | white, 7 to 1 |
| 42 | `#285182` | `oklch(43.13% 0.0935 253.95)` | Galaxy Blue | white, 8 to 1 |
| 43 | `#2a497c` | `oklch(40.85% 0.0939 259.63)` | Nautical | white, 8.9 to 1 |
| 44 | `#2a4276` | `oklch(38.90% 0.0933 263.68)` | Monaco Blue | white, 9.7 to 1 |
| 45 | `#2a3d71` | `oklch(37.24% 0.0920 266.33)` | Blue Expanse | white, 10.4 to 1 |
| 46 | `#28396c` | `oklch(35.84% 0.0901 267.76)` | Blue Depths | white, 11 to 1 |
| 47 | `#263667` | `oklch(34.67% 0.0877 268.16)` | Passionate Blue | white, 11.6 to 1 |
| 48 | `#243463` | `oklch(33.69% 0.0848 267.72)` | Navy Trim | white, 12 to 1 |
| 49 | `#22325f` | `oklch(32.89% 0.0818 266.62)` | Navy Trim | white, 12.4 to 1 |
| 50 | `#1f315b` | `oklch(32.23% 0.0786 265.07)` | Ending Navy Blue | white, 12.7 to 1 |
| 51 | `#1d3058` | `oklch(31.67% 0.0754 263.24)` | Ending Navy Blue | white, 12.9 to 1 |
| 52 | `#1b3055` | `oklch(31.20% 0.0723 261.33)` | Elite Blue | white, 13.1 to 1 |
| 53 | `#192f52` | `oklch(30.78% 0.0694 259.52)` | Elite Blue | white, 13.3 to 1 |
| 54 | `#182f50` | `oklch(30.38% 0.0669 258.00)` | Elite Blue | white, 13.4 to 1 |
| 55 | `#172e4e` | `oklch(29.97% 0.0648 256.97)` | Crow Black Blue | white, 13.6 to 1 |
| 56 | `#162d4c` | `oklch(29.53% 0.0634 256.61)` | Midnight Ocean | white, 13.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #f1c92e 0.0%, #f0c72e 1.8%, #efc52d 3.6%, #edc22b 5.5%, #ebbe29 7.3%, #e9bb27 9.1%, #e7b726 10.9%, #e4b325 12.7%, #e2b025 14.5%, #e0ad26 16.4%, #deaa29 18.2%, #dca92d 20.0%, #dba832 21.8%, #daa838 23.6%, #daa93f 25.5%, #dbac49 27.3%, #dfb055 29.1%, #e4b562 30.9%, #e9bc71 32.7%, #efc37f 34.5%, #f5ca8d 36.4%, #fad29b 38.2%, #fed9a8 40.0%, #ffe1b8 41.8%, #ffe6c4 43.6%, #ffeacb 45.5%, #ffecca 47.3%, #fcecc8 49.1%, #f4e9c6 50.9%, #e8e4c0 52.7%, #d9ddb8 54.5%, #c6d4af 56.4%, #b0caa7 58.2%, #97bfa1 60.0%, #7cb29c 61.8%, #62a599 63.6%, #499698 65.5%, #358795 67.3%, #287892 69.1%, #24698e 70.9%, #265c88 72.7%, #285182 74.5%, #2a497c 76.4%, #2a4276 78.2%, #2a3d71 80.0%, #28396c 81.8%, #263667 83.6%, #243463 85.5%, #22325f 87.3%, #1f315b 89.1%, #1d3058 90.9%, #1b3055 92.7%, #192f52 94.5%, #182f50 96.4%, #172e4e 98.2%, #162d4c 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(84.65% 0.1626 92.81) 0.0%, oklch(84.22% 0.1615 92.38) 1.8%, oklch(83.60% 0.1604 91.79) 3.6%, oklch(82.84% 0.1593 91.08) 5.5%, oklch(81.96% 0.1580 90.27) 7.3%, oklch(81.01% 0.1566 89.39) 9.1%, oklch(80.03% 0.1550 88.47) 10.9%, oklch(79.06% 0.1532 87.55) 12.7%, oklch(78.15% 0.1512 86.64) 14.5%, oklch(77.33% 0.1490 85.79) 16.4%, oklch(76.65% 0.1464 85.01) 18.2%, oklch(76.14% 0.1435 84.34) 20.0%, oklch(75.85% 0.1403 83.81) 21.8%, oklch(75.82% 0.1367 83.45) 23.6%, oklch(76.09% 0.1326 83.25) 25.5%, oklch(76.89% 0.1275 82.68) 27.3%, oklch(78.20% 0.1214 81.65) 29.1%, oklch(79.91% 0.1146 80.30) 30.9%, oklch(81.91% 0.1071 78.83) 32.7%, oklch(84.09% 0.0993 77.38) 34.5%, oklch(86.33% 0.0913 76.12) 36.4%, oklch(88.54% 0.0833 75.23) 38.2%, oklch(90.58% 0.0757 74.86) 40.0%, oklch(92.36% 0.0631 75.19) 41.8%, oklch(93.77% 0.0525 76.37) 43.6%, oklch(94.68% 0.0470 78.58) 45.5%, oklch(94.99% 0.0484 81.97) 47.3%, oklch(94.60% 0.0492 86.71) 49.1%, oklch(93.37% 0.0477 93.09) 50.9%, oklch(91.28% 0.0479 101.71) 52.7%, oklch(88.44% 0.0496 112.33) 54.5%, oklch(84.96% 0.0524 124.57) 56.4%, oklch(80.99% 0.0561 138.06) 58.2%, oklch(76.63% 0.0606 152.43) 60.0%, oklch(72.02% 0.0656 167.30) 61.8%, oklch(67.28% 0.0708 182.29) 63.6%, oklch(62.54% 0.0760 197.04) 65.5%, oklch(57.91% 0.0809 211.17) 67.3%, oklch(53.54% 0.0854 224.29) 69.1%, oklch(49.53% 0.0891 236.05) 70.9%, oklch(46.02% 0.0919 246.06) 72.7%, oklch(43.13% 0.0935 253.95) 74.5%, oklch(40.85% 0.0939 259.63) 76.4%, oklch(38.90% 0.0933 263.68) 78.2%, oklch(37.24% 0.0920 266.33) 80.0%, oklch(35.84% 0.0901 267.76) 81.8%, oklch(34.67% 0.0877 268.16) 83.6%, oklch(33.69% 0.0848 267.72) 85.5%, oklch(32.89% 0.0818 266.62) 87.3%, oklch(32.23% 0.0786 265.07) 89.1%, oklch(31.67% 0.0754 263.24) 90.9%, oklch(31.20% 0.0723 261.33) 92.7%, oklch(30.78% 0.0694 259.52) 94.5%, oklch(30.38% 0.0669 258.00) 96.4%, oklch(29.97% 0.0648 256.97) 98.2%, oklch(29.53% 0.0634 256.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.163 | 92.8 |
| 2 | 0.76 | 0.134 | 83.3 |
| 3 | 0.941 | 0.048 | 89.6 |
| 4 | 0.425 | 0.094 | 255.6 |
| 5 | 0.295 | 0.063 | 256.6 |

## In these collections

- [Lemon blossom veranda](https://grabient.com/lemon-blossom-veranda)

## Other forms

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