# Leaf green marigold and ivory fan

Twenty-four angular swatches move from deep leaf green through olive, marigold yellow, pale gold, and ivory into muted tan, warm brown, and rust. The crisp fan of wedges balances foliage with flower and cloth-inspired colors. It suits festive botanical graphics, kasavu-inspired textile studies, ornamental stationery, and warm green-and-gold pattern planning.

- Also called: Dark green, yellow and brown angular swatches
- Seed: `kUby9y5jE3PaQwI4IDlg`
- Page: https://grabient.com/kUby9y5jE3PaQwI4IDlg?style=angularSwatches&steps=24&angle=60
- Drawn as: angular swatches, 24 steps, 60 degrees
- Kinds: light center, pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#2e5d46` | `oklch(43.70% 0.0648 161.02)` | Wine Leaf | white, 7.6 to 1 |
| 2 | `#376648` | `oklch(46.85% 0.0716 154.43)` | Black Pine Green | white, 6.6 to 1 |
| 3 | `#477349` | `oklch(51.24% 0.0821 145.00)` | Spring Juniper | white, 5.4 to 1 |
| 4 | `#5f8247` | `oklch(56.47% 0.0946 133.74)` | Talipot Palm | black, 4.7 to 1 |
| 5 | `#7c9142` | `oklch(62.16% 0.1076 121.68)` | Pepper Sprout | black, 5.9 to 1 |
| 6 | `#9d9e3d` | `oklch(67.88% 0.1196 109.83)` | Poplar | black, 7.3 to 1 |
| 7 | `#bda93b` | `oklch(73.25% 0.1291 99.22)` | Hey Pesto | black, 8.9 to 1 |
| 8 | `#d7b342` | `oklch(77.86% 0.1345 90.86)` | Citronite | black, 10.4 to 1 |
| 9 | `#e9bb50` | `oklch(81.41% 0.1342 85.75)` | Blockchain Gold | black, 11.7 to 1 |
| 10 | `#f4c664` | `oklch(84.75% 0.1273 84.01)` | Butterblond | black, 13 to 1 |
| 11 | `#fbd27b` | `oklch(88.01% 0.1153 84.76)` | Soft Saffron | black, 14.5 to 1 |
| 12 | `#fedd92` | `oklch(90.93% 0.1001 87.05)` | Lemon Pound Cake | black, 16 to 1 |
| 13 | `#fee7a8` | `oklch(93.24% 0.0838 89.98)` | Elote | black, 17.2 to 1 |
| 14 | `#fdedba` | `oklch(94.69% 0.0681 92.60)` | Tinker Light | black, 18 to 1 |
| 15 | `#fbefc5` | `oklch(95.03% 0.0552 93.99)` | Twinkle Twinkle | black, 18.2 to 1 |
| 16 | `#f6ebc8` | `oklch(94.00% 0.0469 93.22)` | Lemon Icing | black, 17.6 to 1 |
| 17 | `#ede1c1` | `oklch(91.11% 0.0445 89.54)` | New Cream | black, 16.1 to 1 |
| 18 | `#dfceae` | `oklch(85.84% 0.0467 83.37)` | Boutique Beige | black, 13.6 to 1 |
| 19 | `#ceb695` | `oklch(78.85% 0.0522 75.50)` | Real Simple | black, 10.7 to 1 |
| 20 | `#bb9a7a` | `oklch(70.88% 0.0598 66.69)` | Key to the City | black, 8 to 1 |
| 21 | `#a87e5f` | `oklch(62.68% 0.0684 57.70)` | S’mores | black, 5.8 to 1 |
| 22 | `#966448` | `oklch(54.99% 0.0768 49.31)` | Natural Cork | white, 4.9 to 1 |
| 23 | `#874e38` | `oklch(48.55% 0.0837 42.28)` | Wiener Dog | white, 6.6 to 1 |
| 24 | `#7b402e` | `oklch(44.09% 0.0882 37.38)` | Stone Age Queen | white, 8 to 1 |

## CSS

```css
background: conic-gradient(from 60deg, #2e5d46 0.000% 4.167%, #376648 4.167% 8.333%, #477349 8.333% 12.500%, #5f8247 12.500% 16.667%, #7c9142 16.667% 20.833%, #9d9e3d 20.833% 25.000%, #bda93b 25.000% 29.167%, #d7b342 29.167% 33.333%, #e9bb50 33.333% 37.500%, #f4c664 37.500% 41.667%, #fbd27b 41.667% 45.833%, #fedd92 45.833% 50.000%, #fee7a8 50.000% 54.167%, #fdedba 54.167% 58.333%, #fbefc5 58.333% 62.500%, #f6ebc8 62.500% 66.667%, #ede1c1 66.667% 70.833%, #dfceae 70.833% 75.000%, #ceb695 75.000% 79.167%, #bb9a7a 79.167% 83.333%, #a87e5f 83.333% 87.500%, #966448 87.500% 91.667%, #874e38 91.667% 95.833%, #7b402e 95.833% 100.000%);
background: conic-gradient(from 60deg, oklch(43.70% 0.0648 161.02) 0.000% 4.167%, oklch(46.85% 0.0716 154.43) 4.167% 8.333%, oklch(51.24% 0.0821 145.00) 8.333% 12.500%, oklch(56.47% 0.0946 133.74) 12.500% 16.667%, oklch(62.16% 0.1076 121.68) 16.667% 20.833%, oklch(67.88% 0.1196 109.83) 20.833% 25.000%, oklch(73.25% 0.1291 99.22) 25.000% 29.167%, oklch(77.86% 0.1345 90.86) 29.167% 33.333%, oklch(81.41% 0.1342 85.75) 33.333% 37.500%, oklch(84.75% 0.1273 84.01) 37.500% 41.667%, oklch(88.01% 0.1153 84.76) 41.667% 45.833%, oklch(90.93% 0.1001 87.05) 45.833% 50.000%, oklch(93.24% 0.0838 89.98) 50.000% 54.167%, oklch(94.69% 0.0681 92.60) 54.167% 58.333%, oklch(95.03% 0.0552 93.99) 58.333% 62.500%, oklch(94.00% 0.0469 93.22) 62.500% 66.667%, oklch(91.11% 0.0445 89.54) 66.667% 70.833%, oklch(85.84% 0.0467 83.37) 70.833% 75.000%, oklch(78.85% 0.0522 75.50) 75.000% 79.167%, oklch(70.88% 0.0598 66.69) 79.167% 83.333%, oklch(62.68% 0.0684 57.70) 83.333% 87.500%, oklch(54.99% 0.0768 49.31) 87.500% 91.667%, oklch(48.55% 0.0837 42.28) 91.667% 95.833%, oklch(44.09% 0.0882 37.38) 95.833% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.065 | 161 |
| 2 | 0.803 | 0.135 | 87 |
| 3 | 0.933 | 0.045 | 92.3 |
| 4 | 0.441 | 0.088 | 37.4 |

## In these collections

- [Kasavu silk and marigold](https://grabient.com/kasavu-silk-and-marigold)

## Other forms

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