# Aqua Disc Wallet

Five bands move from deep indigo through ivory, violet, turquoise, and finish in turquoise. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. This balance works well in playful digital graphics, fashion layouts, stickers, and energetic interface themes, especially where readable contrast matters.

- Also called: Purple, light blue and teal linear swatches
- Seed: `kWYlveegUw83FTLTqDO56zBw`
- Page: https://grabient.com/kWYlveegUw83FTLTqDO56zBw?style=linearSwatches&steps=5&angle=225
- Drawn as: linear swatches, 5 steps, 225 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#5a2a73` | `oklch(38.58% 0.1254 312.19)` | Violethargic | white, 10.3 to 1 |
| 2 | `#e8f5f3` | `oklch(96.06% 0.0138 185.38)` | Shiroi White | black, 18.8 to 1 |
| 3 | `#8b65e8` | `oklch(61.02% 0.1902 293.17)` | Medium Slate Blue | black, 5.1 to 1 |
| 4 | `#16a7a0` | `oklch(65.75% 0.1102 189.60)` | Jadestone | black, 7 to 1 |
| 5 | `#46d9e9` | `oklch(81.50% 0.1226 205.46)` | Blue Dacnis | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #5a2a73 0.000% 20.000%, #e8f5f3 20.000% 40.000%, #8b65e8 40.000% 60.000%, #16a7a0 60.000% 80.000%, #46d9e9 80.000% 100.000%);
background: linear-gradient(225deg, oklch(38.58% 0.1254 312.19) 0.000% 20.000%, oklch(96.06% 0.0138 185.38) 20.000% 40.000%, oklch(61.02% 0.1902 293.17) 40.000% 60.000%, oklch(65.75% 0.1102 189.60) 60.000% 80.000%, oklch(81.50% 0.1226 205.46) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.125 | 312.2 |
| 2 | 0.961 | 0.014 | 185.4 |
| 3 | 0.61 | 0.19 | 293.2 |
| 4 | 0.657 | 0.11 | 189.6 |
| 5 | 0.815 | 0.123 | 205.5 |

## In these collections

- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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