# Powder blue muted teal facets

Five angular facets combine powder blue, mauve brown, dusty lavender, muted teal, and pale blush. The blue and teal hold the cooler side of the palette while the mauve and blush supply subdued warmth. Use it for soft furnishing samples, lifestyle editorials, or boutique stationery.

- Also called: Light blue, gray, teal and pink angular swatches
- Seed: `kW0yGtwIzMugVvRUky8bpKsg`
- Page: https://grabient.com/kW0yGtwIzMugVvRUky8bpKsg?style=angularSwatches&steps=5&angle=270
- Drawn as: angular swatches, 5 steps, 270 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#afcce4` | `oklch(83.07% 0.0455 243.98)` | Featherbed | black, 12.5 to 1 |
| 2 | `#765e68` | `oklch(50.79% 0.0344 351.77)` | Smoked Mulberry | white, 5.9 to 1 |
| 3 | `#d9b7d8` | `oklch(81.89% 0.0593 327.47)` | French Lilac | black, 11.7 to 1 |
| 4 | `#6f9f98` | `oklch(66.54% 0.0524 184.81)` | Greyish Teal | black, 7 to 1 |
| 5 | `#f4c8c6` | `oklch(87.01% 0.0510 21.01)` | First Peach | black, 13.9 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #afcce4 0.000% 20.000%, #765e68 20.000% 40.000%, #d9b7d8 40.000% 60.000%, #6f9f98 60.000% 80.000%, #f4c8c6 80.000% 100.000%);
background: conic-gradient(from 270deg, oklch(83.07% 0.0455 243.98) 0.000% 20.000%, oklch(50.79% 0.0344 351.77) 20.000% 40.000%, oklch(81.89% 0.0593 327.47) 40.000% 60.000%, oklch(66.54% 0.0524 184.81) 60.000% 80.000%, oklch(87.01% 0.0510 21.01) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.045 | 244 |
| 2 | 0.508 | 0.034 | 351.8 |
| 3 | 0.819 | 0.059 | 327.5 |
| 4 | 0.665 | 0.052 | 184.8 |
| 5 | 0.87 | 0.051 | 21 |

## In these collections

- [Soft swatches](https://grabient.com/soft-swatches)

## Other forms

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