# Kasavu Silk and Marigold: Sage and yellow

The "Kasavu Silk and Marigold: Sage and yellow" palette brings together green, light green, light yellow, gold, and orange. 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 green, and its lightest tone is light yellow.

- Also called: Teal, green, yellow and orange radial swatches
- Seed: `kWmC53Y549PEnPDtMDz2jG-A`
- Page: https://grabient.com/kWmC53Y549PEnPDtMDz2jG-A?style=radialSwatches&steps=6&angle=45
- Drawn as: radial swatches, 6 steps, 45 degrees
- Kinds: pastel, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.8 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 | `#598c78` | `oklch(59.84% 0.0634 167.34)` | Alexandrite Green | black, 5.4 to 1 |
| 2 | `#8abc93` | `oklch(74.85% 0.0782 149.66)` | Forest Frolic | black, 9.6 to 1 |
| 3 | `#c3dd96` | `oklch(86.09% 0.0973 125.02)` | Spring Lawn | black, 14 to 1 |
| 4 | `#ecde7f` | `oklch(89.28% 0.1184 101.33)` | Day Glow | black, 15.3 to 1 |
| 5 | `#f3c057` | `oklch(83.35% 0.1345 83.00)` | Overjoy | black, 12.4 to 1 |
| 6 | `#d6912e` | `oklch(70.87% 0.1364 71.18)` | Autumn Blaze | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #598c78 0.000% 16.667%, #8abc93 16.667% 33.333%, #c3dd96 33.333% 50.000%, #ecde7f 50.000% 66.667%, #f3c057 66.667% 83.333%, #d6912e 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(59.84% 0.0634 167.34) 0.000% 16.667%, oklch(74.85% 0.0782 149.66) 16.667% 33.333%, oklch(86.09% 0.0973 125.02) 33.333% 50.000%, oklch(89.28% 0.1184 101.33) 50.000% 66.667%, oklch(83.35% 0.1345 83.00) 66.667% 83.333%, oklch(70.87% 0.1364 71.18) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.063 | 167.3 |
| 2 | 0.783 | 0.083 | 144.1 |
| 3 | 0.89 | 0.107 | 112.4 |
| 4 | 0.858 | 0.132 | 87 |
| 5 | 0.709 | 0.136 | 71.2 |

## In these collections

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

## Other forms

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