# Green and Gold: Ochre and forest green

The "Green and Gold: Ochre and forest green" palette brings together gold and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is gold.

- Also called: Seamless vivid yellow and green angular gradient
- Seed: `kc1nZB6T1CN9CwrTv0Fxy7BNM8PpiO70arq8o`
- Page: https://grabient.com/kc1nZB6T1CN9CwrTv0Fxy7BNM8PpiO70arq8o?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: vivid, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.6 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 | `#f1c72b` | `oklch(84.25% 0.1626 92.11)` | Leery Lemon | black, 12.9 to 1 |
| 2 | `#ecc92a` | `oklch(84.13% 0.1633 95.03)` | Soleil | black, 12.9 to 1 |
| 3 | `#e5cb2c` | `oklch(84.00% 0.1642 99.17)` | Soleil | black, 12.9 to 1 |
| 4 | `#dcce2e` | `oklch(83.71% 0.1654 104.01)` | Amok | black, 12.8 to 1 |
| 5 | `#d1cf31` | `oklch(83.08% 0.1672 109.04)` | Lizard Belly | black, 12.7 to 1 |
| 6 | `#c3cf32` | `oklch(81.98% 0.1698 114.00)` | Greedy Gold | black, 12.3 to 1 |
| 7 | `#b2ce33` | `oklch(80.40% 0.1738 119.50)` | Lyceum | black, 11.7 to 1 |
| 8 | `#9fcc35` | `oklch(78.51% 0.1782 125.16)` | Lucky Lime | black, 11.1 to 1 |
| 9 | `#8ac93a` | `oklch(76.50% 0.1817 130.48)` | Midsummer Field | black, 10.4 to 1 |
| 10 | `#76c53f` | `oklch(74.53% 0.1833 134.95)` | Jasmine Green | black, 9.8 to 1 |
| 11 | `#65c043` | `oklch(72.57% 0.1834 138.45)` | Zunda Green | black, 9.1 to 1 |
| 12 | `#54bb46` | `oklch(70.55% 0.1824 141.32)` | Skirret Green | black, 8.5 to 1 |
| 13 | `#44b548` | `oklch(68.47% 0.1798 143.85)` | Classic Green | black, 7.9 to 1 |
| 14 | `#35ae4b` | `oklch(66.36% 0.1753 146.32)` | Matt Green | black, 7.3 to 1 |
| 15 | `#24a74f` | `oklch(63.99% 0.1674 149.13)` | Liberty Green | black, 6.6 to 1 |
| 16 | `#139d53` | `oklch(61.11% 0.1548 152.32)` | Fern Green | black, 5.9 to 1 |
| 17 | `#099355` | `oklch(58.35% 0.1414 155.25)` | Emerald Isle | black, 5.3 to 1 |
| 18 | `#0b8c56` | `oklch(56.41% 0.1312 157.21)` | Center Field | black, 4.8 to 1 |
| 19 | `#0f8a56` | `oklch(55.97% 0.1283 157.53)` | Center Field | black, 4.7 to 1 |
| 20 | `#108e55` | `oklch(57.17% 0.1341 156.25)` | Bottle Glass | black, 5 to 1 |
| 21 | `#159754` | `oklch(59.46% 0.1448 153.79)` | Garnish | black, 5.5 to 1 |
| 22 | `#24a051` | `oklch(62.27% 0.1565 150.45)` | Full Energy | black, 6.2 to 1 |
| 23 | `#39a94d` | `oklch(65.00% 0.1647 146.58)` | Leapfrog | black, 6.9 to 1 |
| 24 | `#51b049` | `oklch(67.57% 0.1675 142.15)` | Sonata in Green Minor | black, 7.6 to 1 |
| 25 | `#6ab744` | `oklch(70.40% 0.1676 136.87)` | Pure Apple | black, 8.4 to 1 |
| 26 | `#82bd41` | `oklch(73.26% 0.1661 131.07)` | Spring Sprout | black, 9.2 to 1 |
| 27 | `#99c23d` | `oklch(75.87% 0.1645 125.08)` | Pesto Genovese | black, 10.1 to 1 |
| 28 | `#adc537` | `oklch(78.04% 0.1638 119.05)` | Crisp Green | black, 10.8 to 1 |
| 29 | `#c1c730` | `oklch(79.94% 0.1631 112.10)` | Key Lime Pie | black, 11.4 to 1 |
| 30 | `#d3c82b` | `oklch(81.58% 0.1624 104.94)` | Barberry Bush | black, 12 to 1 |
| 31 | `#e2c72b` | `oklch(82.90% 0.1617 98.63)` | Mimosa Yellow | black, 12.4 to 1 |
| 32 | `#ecc72d` | `oklch(83.86% 0.1612 94.22)` | Thai Temple | black, 12.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #f1c72b 0.0%, #ecc92a 3.2%, #e5cb2c 6.5%, #dcce2e 9.7%, #d1cf31 12.9%, #c3cf32 16.1%, #b2ce33 19.4%, #9fcc35 22.6%, #8ac93a 25.8%, #76c53f 29.0%, #65c043 32.3%, #54bb46 35.5%, #44b548 38.7%, #35ae4b 41.9%, #24a74f 45.2%, #139d53 48.4%, #099355 51.6%, #0b8c56 54.8%, #0f8a56 58.1%, #108e55 61.3%, #159754 64.5%, #24a051 67.7%, #39a94d 71.0%, #51b049 74.2%, #6ab744 77.4%, #82bd41 80.6%, #99c23d 83.9%, #adc537 87.1%, #c1c730 90.3%, #d3c82b 93.5%, #e2c72b 96.8%, #ecc72d 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(84.25% 0.1626 92.11) 0.0%, oklch(84.13% 0.1633 95.03) 3.2%, oklch(84.00% 0.1642 99.17) 6.5%, oklch(83.71% 0.1654 104.01) 9.7%, oklch(83.08% 0.1672 109.04) 12.9%, oklch(81.98% 0.1698 114.00) 16.1%, oklch(80.40% 0.1738 119.50) 19.4%, oklch(78.51% 0.1782 125.16) 22.6%, oklch(76.50% 0.1817 130.48) 25.8%, oklch(74.53% 0.1833 134.95) 29.0%, oklch(72.57% 0.1834 138.45) 32.3%, oklch(70.55% 0.1824 141.32) 35.5%, oklch(68.47% 0.1798 143.85) 38.7%, oklch(66.36% 0.1753 146.32) 41.9%, oklch(63.99% 0.1674 149.13) 45.2%, oklch(61.11% 0.1548 152.32) 48.4%, oklch(58.35% 0.1414 155.25) 51.6%, oklch(56.41% 0.1312 157.21) 54.8%, oklch(55.97% 0.1283 157.53) 58.1%, oklch(57.17% 0.1341 156.25) 61.3%, oklch(59.46% 0.1448 153.79) 64.5%, oklch(62.27% 0.1565 150.45) 67.7%, oklch(65.00% 0.1647 146.58) 71.0%, oklch(67.57% 0.1675 142.15) 74.2%, oklch(70.40% 0.1676 136.87) 77.4%, oklch(73.26% 0.1661 131.07) 80.6%, oklch(75.87% 0.1645 125.08) 83.9%, oklch(78.04% 0.1638 119.05) 87.1%, oklch(79.94% 0.1631 112.10) 90.3%, oklch(81.58% 0.1624 104.94) 93.5%, oklch(82.90% 0.1617 98.63) 96.8%, oklch(83.86% 0.1612 94.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.163 | 92.1 |
| 2 | 0.827 | 0.168 | 111.1 |
| 3 | 0.748 | 0.183 | 134.4 |
| 4 | 0.657 | 0.174 | 147.1 |
| 5 | 0.559 | 0.128 | 157.6 |
| 6 | 0.654 | 0.165 | 146 |
| 7 | 0.772 | 0.164 | 121.7 |
| 8 | 0.839 | 0.161 | 94.2 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)

## Other forms

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