# Pale sage kasavu silk and marigold

The Pale sage kasavu silk and marigold brings together pale green, light orange, gold, and yellow. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is yellow, and its lightest tone is pale green.

- Also called: Off-white and brown linear swatches
- Seed: `kW7xJTcZo7mUvP_XLsATZnCg`
- Page: https://grabient.com/kW7xJTcZo7mUvP_XLsATZnCg?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light to dark, pastel, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.1 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 | `#eaeedb` | `oklch(94.09% 0.0248 116.72)` | Bethlehem Superstar | black, 17.7 to 1 |
| 2 | `#f3deb3` | `oklch(90.72% 0.0608 85.35)` | Pina Colada | black, 15.9 to 1 |
| 3 | `#f2c174` | `oklch(83.80% 0.1101 77.88)` | Sassy Yellow | black, 12.6 to 1 |
| 4 | `#dca338` | `oklch(75.03% 0.1360 79.06)` | Yellow Jasper | black, 9.3 to 1 |
| 5 | `#b68d2f` | `oklch(66.66% 0.1193 84.23)` | Mayan Gold | black, 6.8 to 1 |
| 6 | `#8b8553` | `oklch(61.02% 0.0703 102.98)` | Dried Bay Leaf | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #eaeedb 0.000% 16.667%, #f3deb3 16.667% 33.333%, #f2c174 33.333% 50.000%, #dca338 50.000% 66.667%, #b68d2f 66.667% 83.333%, #8b8553 83.333% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0248 116.72) 0.000% 16.667%, oklch(90.72% 0.0608 85.35) 16.667% 33.333%, oklch(83.80% 0.1101 77.88) 33.333% 50.000%, oklch(75.03% 0.1360 79.06) 50.000% 66.667%, oklch(66.66% 0.1193 84.23) 66.667% 83.333%, oklch(61.02% 0.0703 102.98) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.025 | 116.7 |
| 2 | 0.894 | 0.072 | 79.7 |
| 3 | 0.795 | 0.13 | 79.7 |
| 4 | 0.685 | 0.128 | 80.8 |
| 5 | 0.61 | 0.07 | 103 |

## In these collections

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

## Other forms

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