# Honey and Lilac

The Champagne, coral and lavender color palette brings together pale orange, light orange, light magenta, and light purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits holiday stationery and seasonal displays. Its darkest tone is light purple, and its lightest tone is pale orange.

- Also called: Off-white, peach and lavender linear swatches
- Seed: `kY9hU98CbAOaevNuCrUZZU8tuaQA`
- Page: https://grabient.com/kY9hU98CbAOaevNuCrUZZU8tuaQA?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#fdf4df` | `oklch(96.85% 0.0289 86.48)` | Crème de Pêche | black, 19.1 to 1 |
| 2 | `#f5d584` | `oklch(88.19% 0.1061 88.60)` | Pixel Cream | black, 14.6 to 1 |
| 3 | `#e8b488` | `oklch(80.71% 0.0841 62.18)` | Trick or Treat | black, 11.3 to 1 |
| 4 | `#dfccdc` | `oklch(86.61% 0.0289 330.24)` | Lilac Lane | black, 13.8 to 1 |
| 5 | `#c5b5dd` | `oklch(79.92% 0.0579 302.77)` | Tinted Iris | black, 11 to 1 |
| 6 | `#ae9aca` | `oklch(72.05% 0.0717 303.82)` | Biloba Flower | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #fdf4df 0.000% 16.667%, #f5d584 16.667% 33.333%, #e8b488 33.333% 50.000%, #dfccdc 50.000% 66.667%, #c5b5dd 66.667% 83.333%, #ae9aca 83.333% 100.000%);
background: linear-gradient(180deg, oklch(96.85% 0.0289 86.48) 0.000% 16.667%, oklch(88.19% 0.1061 88.60) 16.667% 33.333%, oklch(80.71% 0.0841 62.18) 33.333% 50.000%, oklch(86.61% 0.0289 330.24) 50.000% 66.667%, oklch(79.92% 0.0579 302.77) 66.667% 83.333%, oklch(72.05% 0.0717 303.82) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.029 | 86.5 |
| 2 | 0.882 | 0.106 | 88.6 |
| 3 | 0.807 | 0.084 | 62.2 |
| 4 | 0.866 | 0.029 | -29.8 |
| 5 | 0.799 | 0.058 | -57.2 |
| 6 | 0.72 | 0.072 | -56.2 |

## In these collections

- [Pastel Christmas swatches](https://grabient.com/pastel-christmas-swatches)

## Other forms

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