# Powder Rose and Sky Porcelain

The Champagne, coral and turquoise color palette brings together pale orange, light orange, light red, pale blue, and light blue. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light blue, and its lightest tone is pale orange.

- Also called: Pastel tritone beige, pink and blue angular swatches
- Seed: `kW7Bk86o69mCQuzyjKx25RBo`
- Page: https://grabient.com/kW7Bk86o69mCQuzyjKx25RBo?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.9 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 | `#f2e6ce` | `oklch(92.91% 0.0344 85.08)` | French Creme | black, 17 to 1 |
| 2 | `#ddc5b0` | `oklch(83.86% 0.0400 65.00)` | Arabian Sands | black, 12.7 to 1 |
| 3 | `#cda6a3` | `oklch(75.98% 0.0455 24.84)` | La Vie en Rose | black, 9.5 to 1 |
| 4 | `#c6e4ef` | `oklch(90.16% 0.0344 219.99)` | Sapphireberry | black, 15.8 to 1 |
| 5 | `#83abc3` | `oklch(72.05% 0.0551 234.78)` | Arabella | black, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #f2e6ce 0.000% 20.000%, #ddc5b0 20.000% 40.000%, #cda6a3 40.000% 60.000%, #c6e4ef 60.000% 80.000%, #83abc3 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(92.91% 0.0344 85.08) 0.000% 20.000%, oklch(83.86% 0.0400 65.00) 20.000% 40.000%, oklch(75.98% 0.0455 24.84) 40.000% 60.000%, oklch(90.16% 0.0344 219.99) 60.000% 80.000%, oklch(72.05% 0.0551 234.78) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.034 | 85.1 |
| 2 | 0.839 | 0.04 | 65 |
| 3 | 0.76 | 0.045 | 24.8 |
| 4 | 0.902 | 0.034 | -140 |
| 5 | 0.72 | 0.055 | -125.2 |

## In these collections

- [Modern swatches](https://grabient.com/modern-swatches)
- [Behr 2027 swatches](https://grabient.com/behr-2027-swatches)

## Other forms

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