# Dusty pink taupe fan

Pink and gray angular swatches with 21 colors: #bf8aa5, #b88b9e, #ac8d97, #a18e91, #9b8d8c, #978c86, #948b7f, #938a79, #978773, #9f836e, #a87e6b, #b27a67, #be7565, #c96f64, #d36965, #dd6366, #e55c68, #e9556c, #ea4d70, #e94675, #e84179. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink and gray angular swatches
- Seed: `kasDb3VAdC1EJSFQFbu0ay9lNBPrQyr6g`
- Page: https://grabient.com/kasDb3VAdC1EJSFQFbu0ay9lNBPrQyr6g?style=angularSwatches&steps=21&angle=315
- Drawn as: angular swatches, 21 steps, 315 degrees
- Kinds: even lightness, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#bf8aa5` | `oklch(69.29% 0.0744 347.34)` | Rosy | black, 7.3 to 1 |
| 2 | `#b88b9e` | `oklch(68.55% 0.0600 351.38)` | Monastir | black, 7.2 to 1 |
| 3 | `#ac8d97` | `oklch(67.50% 0.0396 357.41)` | Reserve | black, 7 to 1 |
| 4 | `#a18e91` | `oklch(66.44% 0.0226 7.23)` | Autumn Orchid | black, 6.7 to 1 |
| 5 | `#9b8d8c` | `oklch(65.59% 0.0161 24.54)` | Globe Thistle Grey Rose | black, 6.5 to 1 |
| 6 | `#978c86` | `oklch(64.81% 0.0164 50.81)` | Warm Grey | black, 6.4 to 1 |
| 7 | `#948b7f` | `oklch(64.14% 0.0209 74.38)` | Vintage Khaki | black, 6.2 to 1 |
| 8 | `#938a79` | `oklch(63.63% 0.0269 83.11)` | Cricket’s Cross | black, 6.1 to 1 |
| 9 | `#978773` | `oklch(63.26% 0.0351 75.00)` | Shipwreck | black, 6 to 1 |
| 10 | `#9f836e` | `oklch(63.03% 0.0459 59.50)` | Yardbird | black, 5.9 to 1 |
| 11 | `#a87e6b` | `oklch(62.99% 0.0593 46.52)` | Cocoa Nutmeg | black, 5.8 to 1 |
| 12 | `#b27a67` | `oklch(63.20% 0.0764 39.03)` | Happy Trails | black, 5.8 to 1 |
| 13 | `#be7565` | `oklch(63.61% 0.0964 33.03)` | November | black, 5.9 to 1 |
| 14 | `#c96f64` | `oklch(64.05% 0.1164 27.99)` | Living Large | black, 5.9 to 1 |
| 15 | `#d36965` | `oklch(64.46% 0.1349 23.72)` | Lippie | black, 5.9 to 1 |
| 16 | `#dd6366` | `oklch(64.96% 0.1532 20.57)` | Briquette | black, 6 to 1 |
| 17 | `#e55c68` | `oklch(65.32% 0.1699 17.84)` | Lovely Little Rosy | black, 6 to 1 |
| 18 | `#e9556c` | `oklch(65.28% 0.1831 14.77)` | Bara Red | black, 5.9 to 1 |
| 19 | `#ea4d70` | `oklch(64.70% 0.1930 11.14)` | Camellia Rose | black, 5.8 to 1 |
| 20 | `#e94675` | `oklch(63.93% 0.2003 7.70)` | Radishical | black, 5.6 to 1 |
| 21 | `#e84179` | `oklch(63.39% 0.2053 5.31)` | Fantasy Romance | black, 5.4 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #bf8aa5 0.000% 4.762%, #b88b9e 4.762% 9.524%, #ac8d97 9.524% 14.286%, #a18e91 14.286% 19.048%, #9b8d8c 19.048% 23.810%, #978c86 23.810% 28.571%, #948b7f 28.571% 33.333%, #938a79 33.333% 38.095%, #978773 38.095% 42.857%, #9f836e 42.857% 47.619%, #a87e6b 47.619% 52.381%, #b27a67 52.381% 57.143%, #be7565 57.143% 61.905%, #c96f64 61.905% 66.667%, #d36965 66.667% 71.429%, #dd6366 71.429% 76.190%, #e55c68 76.190% 80.952%, #e9556c 80.952% 85.714%, #ea4d70 85.714% 90.476%, #e94675 90.476% 95.238%, #e84179 95.238% 100.000%);
background: conic-gradient(from 315deg, oklch(69.29% 0.0744 347.34) 0.000% 4.762%, oklch(68.55% 0.0600 351.38) 4.762% 9.524%, oklch(67.50% 0.0396 357.41) 9.524% 14.286%, oklch(66.44% 0.0226 7.23) 14.286% 19.048%, oklch(65.59% 0.0161 24.54) 19.048% 23.810%, oklch(64.81% 0.0164 50.81) 23.810% 28.571%, oklch(64.14% 0.0209 74.38) 28.571% 33.333%, oklch(63.63% 0.0269 83.11) 33.333% 38.095%, oklch(63.26% 0.0351 75.00) 38.095% 42.857%, oklch(63.03% 0.0459 59.50) 42.857% 47.619%, oklch(62.99% 0.0593 46.52) 47.619% 52.381%, oklch(63.20% 0.0764 39.03) 52.381% 57.143%, oklch(63.61% 0.0964 33.03) 57.143% 61.905%, oklch(64.05% 0.1164 27.99) 61.905% 66.667%, oklch(64.46% 0.1349 23.72) 66.667% 71.429%, oklch(64.96% 0.1532 20.57) 71.429% 76.190%, oklch(65.32% 0.1699 17.84) 76.190% 80.952%, oklch(65.28% 0.1831 14.77) 80.952% 85.714%, oklch(64.70% 0.1930 11.14) 85.714% 90.476%, oklch(63.93% 0.2003 7.70) 90.476% 95.238%, oklch(63.39% 0.2053 5.31) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.074 | 347.3 |
| 2 | 0.661 | 0.019 | 371.6 |
| 3 | 0.638 | 0.025 | 442.5 |
| 4 | 0.63 | 0.059 | 406.5 |
| 5 | 0.642 | 0.123 | 386.4 |
| 6 | 0.654 | 0.179 | 375.9 |
| 7 | 0.634 | 0.205 | 365.3 |

## In these collections

- [Dusty swatches](https://grabient.com/dusty-swatches)

## Other forms

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