# Kasavu Silk and Marigold: Gold and bronze

The "Kasavu Silk and Marigold: Gold and bronze" palette brings together light yellow, orange, yellow, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is yellow, and its lightest tone is light yellow.

- Also called: Analogous beige, orange and olive angular swatches
- Seed: `kY5TVIZLG7cUnP40GMYyiDCGqYvU`
- Page: https://grabient.com/kY5TVIZLG7cUnP40GMYyiDCGqYvU?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: dark center, vivid, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.5 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 | `#e8e1a9` | `oklch(90.16% 0.0730 101.25)` | Breath of Spring | black, 15.7 to 1 |
| 2 | `#f8a655` | `oklch(79.13% 0.1364 63.21)` | Ginger Milk | black, 10.5 to 1 |
| 3 | `#9c5f25` | `oklch(54.33% 0.1075 60.04)` | Tortoiseshell Specs | white, 5.1 to 1 |
| 4 | `#4b4e1f` | `oklch(40.94% 0.0675 112.87)` | Army Green | white, 8.7 to 1 |
| 5 | `#68864c` | `oklch(58.27% 0.0896 130.84)` | Homegrown | black, 5.1 to 1 |
| 6 | `#cdce9b` | `oklch(83.86% 0.0675 108.65)` | Vegetarian Vulture | black, 12.9 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #e8e1a9 0.000% 16.667%, #f8a655 16.667% 33.333%, #9c5f25 33.333% 50.000%, #4b4e1f 50.000% 66.667%, #68864c 66.667% 83.333%, #cdce9b 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(90.16% 0.0730 101.25) 0.000% 16.667%, oklch(79.13% 0.1364 63.21) 16.667% 33.333%, oklch(54.33% 0.1075 60.04) 33.333% 50.000%, oklch(40.94% 0.0675 112.87) 50.000% 66.667%, oklch(58.27% 0.0896 130.84) 66.667% 83.333%, oklch(83.86% 0.0675 108.65) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.073 | 101.3 |
| 2 | 0.791 | 0.136 | 63.2 |
| 3 | 0.543 | 0.107 | 60 |
| 4 | 0.409 | 0.068 | 112.9 |
| 5 | 0.583 | 0.09 | 130.8 |
| 6 | 0.839 | 0.068 | 108.6 |

## In these collections

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

## Other forms

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