# Seaside Picnic Pastel Wedges

These six fan-shaped wedges move through pale cyan, soft caramel, icy blue, muted mint, dusty turquoise, and butter yellow. The varied but gentle colors create distinct roles for headings, icons, backgrounds, and accents. Use them for summer packaging, event graphics, editorial layouts, or playful stationery inspired by water, sand, and sunlit fabric.

- Also called: Pastel blue, tan, teal and beige angular swatches
- Seed: `kY2Cqa3qEtvgK1JjHTg3ZxEHabM-`
- Page: https://grabient.com/kY2Cqa3qEtvgK1JjHTg3ZxEHabM-?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: pastel, light, multicolor
- Hues: multi-hue
- 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 | `#a3d8e7` | `oklch(85.04% 0.0579 217.27)` | Nevada Sky | black, 13.5 to 1 |
| 2 | `#d5a06f` | `oklch(74.41% 0.0909 62.98)` | Sassy Sassafras | black, 9 to 1 |
| 3 | `#dcf0fe` | `oklch(94.49% 0.0289 237.34)` | Wizard White | black, 17.9 to 1 |
| 4 | `#80c8b1` | `oklch(77.95% 0.0799 171.83)` | Meridian Star | black, 10.8 to 1 |
| 5 | `#6bb8c2` | `oklch(73.62% 0.0772 206.70)` | Maritime Soft Blue | black, 9.2 to 1 |
| 6 | `#f0edb3` | `oklch(93.31% 0.0744 105.25)` | Chia | black, 17.3 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #a3d8e7 0.000% 16.667%, #d5a06f 16.667% 33.333%, #dcf0fe 33.333% 50.000%, #80c8b1 50.000% 66.667%, #6bb8c2 66.667% 83.333%, #f0edb3 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(85.04% 0.0579 217.27) 0.000% 16.667%, oklch(74.41% 0.0909 62.98) 16.667% 33.333%, oklch(94.49% 0.0289 237.34) 33.333% 50.000%, oklch(77.95% 0.0799 171.83) 50.000% 66.667%, oklch(73.62% 0.0772 206.70) 66.667% 83.333%, oklch(93.31% 0.0744 105.25) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.058 | 217.3 |
| 2 | 0.744 | 0.091 | 63 |
| 3 | 0.945 | 0.029 | 237.3 |
| 4 | 0.78 | 0.08 | 171.8 |
| 5 | 0.736 | 0.077 | 206.7 |
| 6 | 0.933 | 0.074 | 105.2 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)

## Other forms

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