# Sage and gold luxury palette

The Sage and gold luxury palette brings together green, light yellow, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is light yellow.

- Also called: Monochrome gray and tan linear swatches
- Seed: `kUaRlu0hE-ukRvBmnbyg`
- Page: https://grabient.com/kUaRlu0hE-ukRvBmnbyg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark to light, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#3c5143` | `oklch(41.34% 0.0344 155.39)` | Pine Forest | white, 8.5 to 1 |
| 2 | `#7d967c` | `oklch(64.57% 0.0469 144.82)` | Sea Radish | black, 6.5 to 1 |
| 3 | `#c6caa6` | `oklch(82.68% 0.0482 112.06)` | Jardin de Hierbas | black, 12.4 to 1 |
| 4 | `#d8bc83` | `oklch(80.71% 0.0813 84.59)` | Brown Rice | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3c5143 0.000% 25.000%, #7d967c 25.000% 50.000%, #c6caa6 50.000% 75.000%, #d8bc83 75.000% 100.000%);
background: linear-gradient(90deg, oklch(41.34% 0.0344 155.39) 0.000% 25.000%, oklch(64.57% 0.0469 144.82) 25.000% 50.000%, oklch(82.68% 0.0482 112.06) 50.000% 75.000%, oklch(80.71% 0.0813 84.59) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.034 | 155.4 |
| 2 | 0.646 | 0.047 | 144.8 |
| 3 | 0.827 | 0.048 | 112.1 |
| 4 | 0.807 | 0.081 | 84.6 |

## In these collections

- [Luxury swatches](https://grabient.com/luxury-swatches)

## Other forms

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