# Orange and ochre kasavu silk and marigold

The Orange and ochre kasavu silk and marigold brings together orange, green, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is gold.

- Also called: Orange, brown, dark green and tan linear swatches
- Seed: `kYuHYrO6W_TMUSFTHMCbKQ7OSqvq`
- Page: https://grabient.com/kYuHYrO6W_TMUSFTHMCbKQ7OSqvq?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#ee8a1a` | `oklch(72.44% 0.1626 60.47)` | Mimolette Orange | black, 8.2 to 1 |
| 2 | `#854816` | `oklch(46.85% 0.1033 55.18)` | Brown Eyed Girl | white, 7.1 to 1 |
| 3 | `#414e2c` | `oklch(40.16% 0.0551 125.99)` | Bronze Tone | white, 8.9 to 1 |
| 4 | `#7f9a68` | `oklch(65.35% 0.0785 131.27)` | Money | black, 6.7 to 1 |
| 5 | `#e7cd82` | `oklch(85.43% 0.0992 91.11)` | Lemon Thyme | black, 13.4 to 1 |
| 6 | `#e2b35d` | `oklch(79.13% 0.1171 80.55)` | Cookie Crust | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ee8a1a 0.000% 16.667%, #854816 16.667% 33.333%, #414e2c 33.333% 50.000%, #7f9a68 50.000% 66.667%, #e7cd82 66.667% 83.333%, #e2b35d 83.333% 100.000%);
background: linear-gradient(90deg, oklch(72.44% 0.1626 60.47) 0.000% 16.667%, oklch(46.85% 0.1033 55.18) 16.667% 33.333%, oklch(40.16% 0.0551 125.99) 33.333% 50.000%, oklch(65.35% 0.0785 131.27) 50.000% 66.667%, oklch(85.43% 0.0992 91.11) 66.667% 83.333%, oklch(79.13% 0.1171 80.55) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.163 | 60.5 |
| 2 | 0.469 | 0.103 | 55.2 |
| 3 | 0.402 | 0.055 | 126 |
| 4 | 0.654 | 0.079 | 131.3 |
| 5 | 0.854 | 0.099 | 91.1 |
| 6 | 0.791 | 0.117 | 80.5 |

## In these collections

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

## Other forms

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