# Off-white and coral alpine thaw palette

The Off-white and coral alpine thaw palette brings together off-white, light gray, light red, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is off-white.

- Also called: Analogous white, pink and red linear swatches
- Seed: `kW8gRnb4ez1ohvjHvUAQkXAA`
- Page: https://grabient.com/kW8gRnb4ez1ohvjHvUAQkXAA?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light to dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.3 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 | `#edf0ed` | `oklch(95.28% 0.0055 144.84)` | Shooting Star | black, 18.3 to 1 |
| 2 | `#e5dcd5` | `oklch(90.02% 0.0138 58.87)` | Cultured Pearl | black, 15.5 to 1 |
| 3 | `#dba9a2` | `oklch(77.92% 0.0607 28.11)` | Coral Cove | black, 10.2 to 1 |
| 4 | `#ce6d63` | `oklch(64.38% 0.1249 26.83)` | Matador’s Cape | black, 5.9 to 1 |
| 5 | `#c2382d` | `oklch(54.71% 0.1765 28.83)` | Cadillac Coupe | white, 5.3 to 1 |
| 6 | `#be2317` | `oklch(51.97% 0.1915 29.66)` | Redalicious | white, 6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #edf0ed 0.000% 16.667%, #e5dcd5 16.667% 33.333%, #dba9a2 33.333% 50.000%, #ce6d63 50.000% 66.667%, #c2382d 66.667% 83.333%, #be2317 83.333% 100.000%);
background: linear-gradient(180deg, oklch(95.28% 0.0055 144.84) 0.000% 16.667%, oklch(90.02% 0.0138 58.87) 16.667% 33.333%, oklch(77.92% 0.0607 28.11) 33.333% 50.000%, oklch(64.38% 0.1249 26.83) 50.000% 66.667%, oklch(54.71% 0.1765 28.83) 66.667% 83.333%, oklch(51.97% 0.1915 29.66) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.006 | 144.8 |
| 2 | 0.878 | 0.021 | 42.3 |
| 3 | 0.709 | 0.092 | 27.5 |
| 4 | 0.563 | 0.168 | 28.6 |
| 5 | 0.52 | 0.192 | 29.7 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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