# Orange, crimson and sage color palette

The Orange, crimson and sage color palette brings together light orange, red, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is light orange.

- Also called: Tritone pink, maroon and dark green linear swatches
- Seed: `kW1y4e1iw90IyvkyJj5rInRQ`
- Page: https://grabient.com/kW1y4e1iw90IyvkyJj5rInRQ?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: light to dark, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#f1c0ac` | `oklch(84.65% 0.0634 42.89)` | Cosmetic Peach | black, 12.8 to 1 |
| 2 | `#d87871` | `oklch(67.72% 0.1213 24.93)` | Hearts Afire | black, 6.8 to 1 |
| 3 | `#a93f54` | `oklch(51.97% 0.1392 11.19)` | Speaking of the Devil | white, 5.9 to 1 |
| 4 | `#702945` | `oklch(39.37% 0.1047 358.51)` | Cherry Juice Red | white, 10 to 1 |
| 5 | `#323e32` | `oklch(35.04% 0.0262 145.40)` | Aged Pine | white, 11.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f1c0ac 0.000% 20.000%, #d87871 20.000% 40.000%, #a93f54 40.000% 60.000%, #702945 60.000% 80.000%, #323e32 80.000% 100.000%);
background: linear-gradient(135deg, oklch(84.65% 0.0634 42.89) 0.000% 20.000%, oklch(67.72% 0.1213 24.93) 20.000% 40.000%, oklch(51.97% 0.1392 11.19) 40.000% 60.000%, oklch(39.37% 0.1047 358.51) 60.000% 80.000%, oklch(35.04% 0.0262 145.40) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.063 | 42.9 |
| 2 | 0.677 | 0.121 | 24.9 |
| 3 | 0.52 | 0.139 | 11.2 |
| 4 | 0.394 | 0.105 | -1.5 |
| 5 | 0.35 | 0.026 | 145.4 |

## In these collections

- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)
- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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