# Champagne and deep cyan rayman palette

The Champagne and deep cyan rayman palette brings together pale yellow, gold, green, purple, and light purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is purple, and its lightest tone is pale yellow.

- Also called: Seamless rainbow linear swatches
- Seed: `kY6h1D6D2_dLFRXEytLW7NBXiM0a`
- Page: https://grabient.com/kY6h1D6D2_dLFRXEytLW7NBXiM0a?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, vivid, rainbow, seamless
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.8 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 | `#ede5c8` | `oklch(92.13% 0.0400 94.92)` | Proper Temperature | black, 16.6 to 1 |
| 2 | `#edbe00` | `oklch(81.89% 0.1674 90.69)` | Radiant Sunrise | black, 11.9 to 1 |
| 3 | `#4ea815` | `oklch(64.96% 0.1902 137.19)` | Plastic Pines | black, 6.9 to 1 |
| 4 | `#7e47d4` | `oklch(53.94% 0.2053 296.76)` | Aconite Purple | white, 5.5 to 1 |
| 5 | `#be8be8` | `oklch(72.05% 0.1406 308.39)` | Luminous Lavender | black, 8 to 1 |
| 6 | `#f4efd5` | `oklch(94.88% 0.0344 98.44)` | Soft Cream | black, 18.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ede5c8 0.000% 16.667%, #edbe00 16.667% 33.333%, #4ea815 33.333% 50.000%, #7e47d4 50.000% 66.667%, #be8be8 66.667% 83.333%, #f4efd5 83.333% 100.000%);
background: linear-gradient(90deg, oklch(92.13% 0.0400 94.92) 0.000% 16.667%, oklch(81.89% 0.1674 90.69) 16.667% 33.333%, oklch(64.96% 0.1902 137.19) 33.333% 50.000%, oklch(53.94% 0.2053 296.76) 50.000% 66.667%, oklch(72.05% 0.1406 308.39) 66.667% 83.333%, oklch(94.88% 0.0344 98.44) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.04 | 94.9 |
| 2 | 0.819 | 0.169 | 90.7 |
| 3 | 0.65 | 0.19 | 137.2 |
| 4 | 0.539 | 0.205 | 296.8 |
| 5 | 0.72 | 0.141 | 308.4 |
| 6 | 0.949 | 0.034 | 458.4 |

## In these collections

- [Rayman swatches](https://grabient.com/rayman-swatches)

## Other forms

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