# Cream and indigo light multicolor palette

The Cream and indigo light multicolor palette brings together pale yellow, light green, blue, magenta, and light red. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale yellow.

- Also called: Rainbow from off-white to beige angular swatches
- Seed: `ka_DFQ9CbFFKgyM-scUyK9GGUpxz7qEmg`
- Page: https://grabient.com/ka_DFQ9CbFFKgyM-scUyK9GGUpxz7qEmg?style=angularSwatches&steps=10&angle=75
- Drawn as: angular swatches, 10 steps, 75 degrees
- Kinds: dark center, pastel, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#fcffea` | `oklch(99.21% 0.0282 113.18)` | Gaslight | black, 20.6 to 1 |
| 2 | `#d5ffc7` | `oklch(95.62% 0.0855 138.13)` | Distilled Moss | black, 18.9 to 1 |
| 3 | `#76dfcc` | `oklch(83.52% 0.1023 180.33)` | Shimmering Blue | black, 13.2 to 1 |
| 4 | `#5099bc` | `oklch(64.96% 0.0896 231.56)` | Hush-A-Bye | black, 6.6 to 1 |
| 5 | `#4168b0` | `oklch(52.32% 0.1224 261.74)` | Waterline Blue | white, 5.5 to 1 |
| 6 | `#664fa9` | `oklch(49.55% 0.1384 292.30)` | Ultrapurple Merge | white, 6.4 to 1 |
| 7 | `#9f599e` | `oklch(57.09% 0.1295 327.72)` | Heath Spotted Orchid | white, 4.7 to 1 |
| 8 | `#e38398` | `oklch(71.86% 0.1189 6.67)` | Rose Soiree | black, 7.9 to 1 |
| 9 | `#ffc599` | `oklch(86.44% 0.0881 57.98)` | Orange Sherbet | black, 13.6 to 1 |
| 10 | `#f8fea5` | `oklch(97.24% 0.1102 111.44)` | Calamansi | black, 19.6 to 1 |

## CSS

```css
background: conic-gradient(from 75deg, #fcffea 0.000% 10.000%, #d5ffc7 10.000% 20.000%, #76dfcc 20.000% 30.000%, #5099bc 30.000% 40.000%, #4168b0 40.000% 50.000%, #664fa9 50.000% 60.000%, #9f599e 60.000% 70.000%, #e38398 70.000% 80.000%, #ffc599 80.000% 90.000%, #f8fea5 90.000% 100.000%);
background: conic-gradient(from 75deg, oklch(99.21% 0.0282 113.18) 0.000% 10.000%, oklch(95.62% 0.0855 138.13) 10.000% 20.000%, oklch(83.52% 0.1023 180.33) 20.000% 30.000%, oklch(64.96% 0.0896 231.56) 30.000% 40.000%, oklch(52.32% 0.1224 261.74) 40.000% 50.000%, oklch(49.55% 0.1384 292.30) 50.000% 60.000%, oklch(57.09% 0.1295 327.72) 60.000% 70.000%, oklch(71.86% 0.1189 6.67) 70.000% 80.000%, oklch(86.44% 0.0881 57.98) 80.000% 90.000%, oklch(97.24% 0.1102 111.44) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.992 | 0.068 | 113.2 |
| 2 | 0.913 | 0.106 | 156.5 |
| 3 | 0.65 | 0.09 | 231.6 |
| 4 | 0.492 | 0.136 | 275.9 |
| 5 | 0.571 | 0.13 | 327.7 |
| 6 | 0.795 | 0.114 | 389 |
| 7 | 0.972 | 0.11 | 471.4 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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