# Lime, ochre and bronze yellow palette

The Lime, ochre and bronze yellow palette brings together green, gold, and orange. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is gold.

- Also called: Analogous green, yellow and brown angular swatches
- Seed: `kYvndVab6--6_PtlOL60K4-LufP8`
- Page: https://grabient.com/kYvndVab6--6_PtlOL60K4-LufP8?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#a2bb29` | `oklch(74.80% 0.1640 119.53)` | Sick Green | black, 9.6 to 1 |
| 2 | `#cdd12b` | `oklch(83.07% 0.1722 111.08)` | Sun Flooded Woods | black, 12.7 to 1 |
| 3 | `#ecd728` | `oklch(87.01% 0.1736 101.57)` | Banana Brick | black, 14.3 to 1 |
| 4 | `#e2b721` | `oklch(79.53% 0.1557 91.00)` | Golden Frame | black, 11 to 1 |
| 5 | `#b57e17` | `oklch(63.39% 0.1268 76.20)` | Nouveau Green | black, 5.9 to 1 |
| 6 | `#76531a` | `oklch(46.85% 0.0854 75.15)` | Lizard Brown | white, 6.9 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #a2bb29 0.000% 16.667%, #cdd12b 16.667% 33.333%, #ecd728 33.333% 50.000%, #e2b721 50.000% 66.667%, #b57e17 66.667% 83.333%, #76531a 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(74.80% 0.1640 119.53) 0.000% 16.667%, oklch(83.07% 0.1722 111.08) 16.667% 33.333%, oklch(87.01% 0.1736 101.57) 33.333% 50.000%, oklch(79.53% 0.1557 91.00) 50.000% 66.667%, oklch(63.39% 0.1268 76.20) 66.667% 83.333%, oklch(46.85% 0.0854 75.15) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.164 | 119.5 |
| 2 | 0.831 | 0.172 | 111.1 |
| 3 | 0.87 | 0.174 | 101.6 |
| 4 | 0.795 | 0.156 | 91 |
| 5 | 0.634 | 0.127 | 76.2 |
| 6 | 0.469 | 0.085 | 75.1 |

## In these collections

- [Yellow swatches](https://grabient.com/yellow-swatches)

## Other forms

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