# Peach and mauve color palette

The Peach and mauve color palette brings together light orange, light red, and red. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light orange.

- Also called: Analogous beige, mauve and pink angular swatches
- Seed: `kY3R8r4hO8tOaPzHm7-VpfBGmQQm`
- Page: https://grabient.com/kY3R8r4hO8tOaPzHm7-VpfBGmQQm?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: dark center, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#eacfb8` | `oklch(87.01% 0.0427 61.17)` | Kingdom’s Keys | black, 14 to 1 |
| 2 | `#d5a99f` | `oklch(77.17% 0.0537 33.70)` | Cottage Rose | black, 9.9 to 1 |
| 3 | `#b98179` | `oklch(65.75% 0.0717 27.36)` | Ash Rose | black, 6.4 to 1 |
| 4 | `#9d635f` | `oklch(56.30% 0.0758 24.19)` | Corazon | white, 4.7 to 1 |
| 5 | `#bd8b7f` | `oklch(68.11% 0.0648 33.70)` | Venetian Pink | black, 7.1 to 1 |
| 6 | `#dfc1ad` | `oklch(83.07% 0.0441 54.83)` | Cinnamon Tea | black, 12.3 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #eacfb8 0.000% 16.667%, #d5a99f 16.667% 33.333%, #b98179 33.333% 50.000%, #9d635f 50.000% 66.667%, #bd8b7f 66.667% 83.333%, #dfc1ad 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(87.01% 0.0427 61.17) 0.000% 16.667%, oklch(77.17% 0.0537 33.70) 16.667% 33.333%, oklch(65.75% 0.0717 27.36) 33.333% 50.000%, oklch(56.30% 0.0758 24.19) 50.000% 66.667%, oklch(68.11% 0.0648 33.70) 66.667% 83.333%, oklch(83.07% 0.0441 54.83) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.043 | 61.2 |
| 2 | 0.772 | 0.054 | 33.7 |
| 3 | 0.657 | 0.072 | 27.4 |
| 4 | 0.563 | 0.076 | 24.2 |
| 5 | 0.681 | 0.065 | 33.7 |
| 6 | 0.831 | 0.044 | 54.8 |

## In these collections

- [Rose gold](https://grabient.com/rose-gold)
- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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