# Kasavu Silk and Marigold: Champagne and sage

The "Kasavu Silk and Marigold: Champagne and sage" palette brings together pale orange, gold, teal, 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 teal, and its lightest tone is pale orange.

- Also called: Beige, mustard, teal and green linear gradient
- Seed: `kU7Rw_4DM_buYTHWqzeA`
- Page: https://grabient.com/kU7Rw_4DM_buYTHWqzeA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.4 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 | `#f3e8cc` | `oklch(93.31% 0.0386 89.30)` | Sphere | black, 17.2 to 1 |
| 2 | `#f2e5c4` | `oklch(92.34% 0.0452 88.59)` | Sausalito | black, 16.7 to 1 |
| 3 | `#f1e0b9` | `oklch(91.16% 0.0546 87.08)` | Brushstroke | black, 16.1 to 1 |
| 4 | `#f1dbac` | `oklch(89.79% 0.0660 85.09)` | Brilliant Gold | black, 15.4 to 1 |
| 5 | `#f2d49d` | `oklch(88.24% 0.0787 82.92)` | Marquisette | black, 14.6 to 1 |
| 6 | `#f2cd8c` | `oklch(86.54% 0.0920 80.88)` | Honeydew Sand | black, 13.8 to 1 |
| 7 | `#f2c57b` | `oklch(84.70% 0.1051 79.29)` | Polenta | black, 13 to 1 |
| 8 | `#f0bd6a` | `oklch(82.75% 0.1171 78.45)` | Luscious Lemon | black, 12.1 to 1 |
| 9 | `#ecb558` | `oklch(80.69% 0.1274 78.67)` | Goldsmith | black, 11.3 to 1 |
| 10 | `#e6af46` | `oklch(78.54% 0.1353 80.27)` | Mì Chéng Honey | black, 10.5 to 1 |
| 11 | `#dca935` | `oklch(76.34% 0.1399 83.55)` | Currywurst | black, 9.7 to 1 |
| 12 | `#cea527` | `oklch(73.95% 0.1405 89.13)` | Lemon Curry | black, 9 to 1 |
| 13 | `#b9a123` | `oklch(71.03% 0.1372 97.80)` | Wet Leaf | black, 8.2 to 1 |
| 14 | `#9e9d2c` | `oklch(67.72% 0.1307 108.89)` | Forest Lichen | black, 7.3 to 1 |
| 15 | `#81983b` | `oklch(64.18% 0.1220 121.62)` | Aloe Vera Green | black, 6.4 to 1 |
| 16 | `#64914a` | `oklch(60.56% 0.1118 135.20)` | Field Time Green | black, 5.6 to 1 |
| 17 | `#498856` | `oklch(57.05% 0.1010 148.86)` | Kilkenny | black, 4.9 to 1 |
| 18 | `#357e5e` | `oklch(53.80% 0.0903 161.82)` | Liquid Green Stuff | white, 4.8 to 1 |
| 19 | `#297562` | `oklch(50.99% 0.0807 173.29)` | Nordic Forest | white, 5.5 to 1 |
| 20 | `#246d63` | `oklch(48.77% 0.0729 182.51)` | Antique Green | white, 6 to 1 |
| 21 | `#246863` | `oklch(47.31% 0.0677 188.70)` | Galapagos Green | white, 6.4 to 1 |
| 22 | `#246663` | `oklch(46.79% 0.0659 191.09)` | Alliance | white, 6.6 to 1 |
| 23 | `#246864` | `oklch(47.30% 0.0671 189.73)` | Magnetic Green | white, 6.5 to 1 |
| 24 | `#266c65` | `oklch(48.69% 0.0704 185.30)` | Mosaic Tile | white, 6.1 to 1 |
| 25 | `#2a7366` | `oklch(50.76% 0.0755 178.47)` | Nordic Forest | white, 5.5 to 1 |
| 26 | `#337c65` | `oklch(53.32% 0.0818 169.91)` | Trans Tasman | white, 4.9 to 1 |
| 27 | `#408563` | `oklch(56.17% 0.0889 160.30)` | Leisure Green | black, 4.7 to 1 |
| 28 | `#508e5f` | `oklch(59.13% 0.0962 150.31)` | Middle Green | black, 5.3 to 1 |
| 29 | `#639659` | `oklch(62.00% 0.1033 140.60)` | Abundance | black, 6 to 1 |
| 30 | `#759c53` | `oklch(64.58% 0.1098 131.86)` | Bavarian Green | black, 6.6 to 1 |
| 31 | `#84a04d` | `oklch(66.68% 0.1150 124.75)` | Nasturtium Shoot | black, 7.1 to 1 |
| 32 | `#8fa349` | `oklch(68.11% 0.1185 119.94)` | Arathi Highlands | black, 7.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f3e8cc 0.0%, #f2e5c4 3.2%, #f1e0b9 6.5%, #f1dbac 9.7%, #f2d49d 12.9%, #f2cd8c 16.1%, #f2c57b 19.4%, #f0bd6a 22.6%, #ecb558 25.8%, #e6af46 29.0%, #dca935 32.3%, #cea527 35.5%, #b9a123 38.7%, #9e9d2c 41.9%, #81983b 45.2%, #64914a 48.4%, #498856 51.6%, #357e5e 54.8%, #297562 58.1%, #246d63 61.3%, #246863 64.5%, #246663 67.7%, #246864 71.0%, #266c65 74.2%, #2a7366 77.4%, #337c65 80.6%, #408563 83.9%, #508e5f 87.1%, #639659 90.3%, #759c53 93.5%, #84a04d 96.8%, #8fa349 100.0%);
background: linear-gradient(135deg in oklch, oklch(93.31% 0.0386 89.30) 0.0%, oklch(92.34% 0.0452 88.59) 3.2%, oklch(91.16% 0.0546 87.08) 6.5%, oklch(89.79% 0.0660 85.09) 9.7%, oklch(88.24% 0.0787 82.92) 12.9%, oklch(86.54% 0.0920 80.88) 16.1%, oklch(84.70% 0.1051 79.29) 19.4%, oklch(82.75% 0.1171 78.45) 22.6%, oklch(80.69% 0.1274 78.67) 25.8%, oklch(78.54% 0.1353 80.27) 29.0%, oklch(76.34% 0.1399 83.55) 32.3%, oklch(73.95% 0.1405 89.13) 35.5%, oklch(71.03% 0.1372 97.80) 38.7%, oklch(67.72% 0.1307 108.89) 41.9%, oklch(64.18% 0.1220 121.62) 45.2%, oklch(60.56% 0.1118 135.20) 48.4%, oklch(57.05% 0.1010 148.86) 51.6%, oklch(53.80% 0.0903 161.82) 54.8%, oklch(50.99% 0.0807 173.29) 58.1%, oklch(48.77% 0.0729 182.51) 61.3%, oklch(47.31% 0.0677 188.70) 64.5%, oklch(46.79% 0.0659 191.09) 67.7%, oklch(47.30% 0.0671 189.73) 71.0%, oklch(48.69% 0.0704 185.30) 74.2%, oklch(50.76% 0.0755 178.47) 77.4%, oklch(53.32% 0.0818 169.91) 80.6%, oklch(56.17% 0.0889 160.30) 83.9%, oklch(59.13% 0.0962 150.31) 87.1%, oklch(62.00% 0.1033 140.60) 90.3%, oklch(64.58% 0.1098 131.86) 93.5%, oklch(66.68% 0.1150 124.75) 96.8%, oklch(68.11% 0.1185 119.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.039 | 89.3 |
| 2 | 0.756 | 0.141 | 85.1 |
| 3 | 0.469 | 0.066 | 190.7 |
| 4 | 0.681 | 0.119 | 119.9 |

## In these collections

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

## Other forms

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