# Pastel sand aqua fan

Pastel blue, teal, green and tan angular swatches with 13 colors: #85bbde, #7bc5df, #70d2da, #6fdccd, #72e4c1, #79eab2, #8beba1, #a1e693, #b3de8a, #c3d484, #d4c781, #debb89, #deb493. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel blue, teal, green and tan angular swatches
- Seed: `kWwzepaSW5m2yO_qpjw5Zg5A`
- Page: https://grabient.com/kWwzepaSW5m2yO_qpjw5Zg5A?style=angularSwatches&steps=13&angle=45
- Drawn as: angular swatches, 13 steps, 45 degrees
- Kinds: even lightness, pastel, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.4 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 | `#85bbde` | `oklch(76.77% 0.0758 237.66)` | Enchanting | black, 10.1 to 1 |
| 2 | `#7bc5df` | `oklch(78.39% 0.0827 222.94)` | Bliss Blue | black, 10.8 to 1 |
| 3 | `#70d2da` | `oklch(80.66% 0.0926 202.24)` | Soft Turquoise | black, 11.8 to 1 |
| 4 | `#6fdccd` | `oklch(82.68% 0.1033 183.76)` | Hammam Blue | black, 12.8 to 1 |
| 5 | `#72e4c1` | `oklch(84.25% 0.1168 170.92)` | Ocean in a Bowl | black, 13.5 to 1 |
| 6 | `#79eab2` | `oklch(85.56% 0.1311 160.32)` | Jittery Jade | black, 14.2 to 1 |
| 7 | `#8beba1` | `oklch(86.22% 0.1378 149.95)` | Mint Tonic | black, 14.5 to 1 |
| 8 | `#a1e693` | `oklch(85.93% 0.1320 140.20)` | Paradise Green | black, 14.2 to 1 |
| 9 | `#b3de8a` | `oklch(84.98% 0.1187 130.69)` | Sage Sensation | black, 13.7 to 1 |
| 10 | `#c3d484` | `oklch(83.86% 0.1047 118.24)` | Olive Buff | black, 13 to 1 |
| 11 | `#d4c781` | `oklch(82.52% 0.0908 98.67)` | Serene Scene | black, 12.3 to 1 |
| 12 | `#debb89` | `oklch(81.00% 0.0763 76.17)` | Death Valley Beige | black, 11.5 to 1 |
| 13 | `#deb493` | `oklch(79.92% 0.0661 60.12)` | Sonora Apricot | black, 11 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #85bbde 0.000% 7.692%, #7bc5df 7.692% 15.385%, #70d2da 15.385% 23.077%, #6fdccd 23.077% 30.769%, #72e4c1 30.769% 38.462%, #79eab2 38.462% 46.154%, #8beba1 46.154% 53.846%, #a1e693 53.846% 61.538%, #b3de8a 61.538% 69.231%, #c3d484 69.231% 76.923%, #d4c781 76.923% 84.615%, #debb89 84.615% 92.308%, #deb493 92.308% 100.000%);
background: conic-gradient(from 45deg, oklch(76.77% 0.0758 237.66) 0.000% 7.692%, oklch(78.39% 0.0827 222.94) 7.692% 15.385%, oklch(80.66% 0.0926 202.24) 15.385% 23.077%, oklch(82.68% 0.1033 183.76) 23.077% 30.769%, oklch(84.25% 0.1168 170.92) 30.769% 38.462%, oklch(85.56% 0.1311 160.32) 38.462% 46.154%, oklch(86.22% 0.1378 149.95) 46.154% 53.846%, oklch(85.93% 0.1320 140.20) 53.846% 61.538%, oklch(84.98% 0.1187 130.69) 61.538% 69.231%, oklch(83.86% 0.1047 118.24) 69.231% 76.923%, oklch(82.52% 0.0908 98.67) 76.923% 84.615%, oklch(81.00% 0.0763 76.17) 84.615% 92.308%, oklch(79.92% 0.0661 60.12) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.076 | 237.7 |
| 2 | 0.827 | 0.103 | 183.8 |
| 3 | 0.862 | 0.138 | 149.9 |
| 4 | 0.839 | 0.105 | 118.2 |
| 5 | 0.799 | 0.066 | 60.1 |

## In these collections

- [Beach gradients](https://grabient.com/beach-gradients)

## Other forms

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