# Pearl aqua and citrine angular facets

Twelve angular color wedges move from icy pearl through cyan and aqua into mint green, citron, and golden amber, then finish with salmon and muted plum. The crisp divisions create a varied gemstone-inspired wheel. Use these swatches for rhinestone craft color planning, expressive accessories, decorative packaging, and bright beauty graphics.

- Also called: White, light blue, yellow and purple angular swatches
- Seed: `kU-hGMYai_um3tI6FjDg`
- Page: https://grabient.com/kU-hGMYai_um3tI6FjDg?style=angularSwatches&steps=12
- Drawn as: angular swatches, 12 steps, 90 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.1 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 | `#e9ffff` | `oklch(98.42% 0.0225 196.84)` | Bubbles | black, 20.2 to 1 |
| 2 | `#c9f2f4` | `oklch(93.33% 0.0424 198.99)` | Vaporised | black, 17.5 to 1 |
| 3 | `#9adfe4` | `oklch(85.94% 0.0697 202.20)` | Aqua Fiesta | black, 14 to 1 |
| 4 | `#66ced5` | `oklch(79.30% 0.0972 200.90)` | Throat Chakra | black, 11.3 to 1 |
| 5 | `#3dcac3` | `oklch(76.46% 0.1176 189.67)` | May Day | black, 10.4 to 1 |
| 6 | `#4bd6a9` | `oklch(78.84% 0.1357 168.01)` | Channel Marker Green | black, 11.4 to 1 |
| 7 | `#91de7e` | `oklch(82.82% 0.1497 139.78)` | Feralas Lime | black, 12.9 to 1 |
| 8 | `#d3d24a` | `oklch(84.03% 0.1544 108.84)` | Southern Platyfish | black, 13.1 to 1 |
| 9 | `#edaa3d` | `oklch(78.42% 0.1431 75.69)` | Yakitori | black, 10.4 to 1 |
| 10 | `#d17a63` | `oklch(66.92% 0.1148 35.88)` | Silithus Brown | black, 6.6 to 1 |
| 11 | `#975b6f` | `oklch(54.35% 0.0828 358.05)` | Glitz and Glamour | white, 5.2 to 1 |
| 12 | `#6b4a66` | `oklch(45.67% 0.0606 331.79)` | Bunchberry | white, 7.4 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #e9ffff 0.000% 8.333%, #c9f2f4 8.333% 16.667%, #9adfe4 16.667% 25.000%, #66ced5 25.000% 33.333%, #3dcac3 33.333% 41.667%, #4bd6a9 41.667% 50.000%, #91de7e 50.000% 58.333%, #d3d24a 58.333% 66.667%, #edaa3d 66.667% 75.000%, #d17a63 75.000% 83.333%, #975b6f 83.333% 91.667%, #6b4a66 91.667% 100.000%);
background: conic-gradient(from 90deg, oklch(98.42% 0.0225 196.84) 0.000% 8.333%, oklch(93.33% 0.0424 198.99) 8.333% 16.667%, oklch(85.94% 0.0697 202.20) 16.667% 25.000%, oklch(79.30% 0.0972 200.90) 25.000% 33.333%, oklch(76.46% 0.1176 189.67) 33.333% 41.667%, oklch(78.84% 0.1357 168.01) 41.667% 50.000%, oklch(82.82% 0.1497 139.78) 50.000% 58.333%, oklch(84.03% 0.1544 108.84) 58.333% 66.667%, oklch(78.42% 0.1431 75.69) 66.667% 75.000%, oklch(66.92% 0.1148 35.88) 75.000% 83.333%, oklch(54.35% 0.0828 358.05) 83.333% 91.667%, oklch(45.67% 0.0606 331.79) 91.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.984 | 0.023 | 196.9 |
| 2 | 0.768 | 0.112 | 194.8 |
| 3 | 0.831 | 0.153 | 98.6 |
| 4 | 0.457 | 0.061 | -28.2 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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