# Cream, sage and crimson winter palette

The Cream, sage and crimson winter palette brings together off-white, light gray, green, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is green, and its lightest tone is off-white.

- Also called: White, gray, dark green and maroon angular swatches
- Seed: `kW9glP7QhDsmOQkvksBtCyuA`
- Page: https://grabient.com/kW9glP7QhDsmOQkvksBtCyuA?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: light to dark, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 9.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 | `#f5f6ec` | `oklch(96.85% 0.0124 111.80)` | Angraecum Orchid | black, 19.2 to 1 |
| 2 | `#c8d4c7` | `oklch(85.83% 0.0220 143.50)` | Milky Green | black, 13.7 to 1 |
| 3 | `#658174` | `oklch(57.87% 0.0386 163.58)` | Ecological | black, 4.9 to 1 |
| 4 | `#234a3b` | `oklch(37.40% 0.0510 167.80)` | Springbok Green | white, 9.9 to 1 |
| 5 | `#7f2632` | `oklch(40.94% 0.1226 16.69)` | Scarlet Shade | white, 9.4 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #f5f6ec 0.000% 20.000%, #c8d4c7 20.000% 40.000%, #658174 40.000% 60.000%, #234a3b 60.000% 80.000%, #7f2632 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(96.85% 0.0124 111.80) 0.000% 20.000%, oklch(85.83% 0.0220 143.50) 20.000% 40.000%, oklch(57.87% 0.0386 163.58) 40.000% 60.000%, oklch(37.40% 0.0510 167.80) 60.000% 80.000%, oklch(40.94% 0.1226 16.69) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.012 | 111.8 |
| 2 | 0.858 | 0.022 | 143.5 |
| 3 | 0.579 | 0.039 | 163.6 |
| 4 | 0.374 | 0.051 | 167.8 |
| 5 | 0.409 | 0.123 | 16.7 |

## In these collections

- [Winter](https://grabient.com/winter)

## Other forms

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