# Riso Halo palette

The Riso Halo palette brings together pale orange, blue, red, and dark gray. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is dark gray, and its lightest tone is pale orange.

- Also called: Rainbow from beige to black radial gradient
- Seed: `kU6Rw-ujBUM_MzKaAEmg`
- Page: https://grabient.com/kU6Rw-ujBUM_MzKaAEmg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 14 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 | `#eee3c7` | `oklch(91.73% 0.0386 87.89)` | Cream Silk | black, 16.4 to 1 |
| 2 | `#e2dbba` | `oklch(88.83% 0.0440 97.97)` | Coconut Cream | black, 15 to 1 |
| 3 | `#ced1ab` | `oklch(84.76% 0.0510 111.21)` | Olive Martini | black, 13.2 to 1 |
| 4 | `#b3c59c` | `oklch(79.84% 0.0594 126.97)` | Green Eggs & Cam | black, 11.3 to 1 |
| 5 | `#92b891` | `oklch(74.36% 0.0687 144.62)` | Brookview | black, 9.4 to 1 |
| 6 | `#6baa8d` | `oklch(68.61% 0.0788 163.52)` | Artemesia Green | black, 7.7 to 1 |
| 7 | `#3e9a8e` | `oklch(62.88% 0.0893 183.04)` | Temple Guard Blue | black, 6.2 to 1 |
| 8 | `#008992` | `oklch(57.49% 0.0979 202.52)` | Tuscana Blue | black, 5 to 1 |
| 9 | `#007792` | `oklch(52.72% 0.0969 221.36)` | Celestial | white, 5.1 to 1 |
| 10 | `#006797` | `oklch(48.87% 0.1099 238.88)` | Europe Blue | white, 6.2 to 1 |
| 11 | `#1a599f` | `oklch(46.23% 0.1294 254.43)` | Cyan Cobalt Blue | white, 7.1 to 1 |
| 12 | `#354ea1` | `oklch(45.10% 0.1383 267.88)` | Dazzling Blue | white, 7.6 to 1 |
| 13 | `#4a47a6` | `oklch(45.47% 0.1490 280.34)` | Megadrive Screen | white, 7.6 to 1 |
| 14 | `#6042ac` | `oklch(47.02% 0.1608 292.03)` | Swiss Plum | white, 7.3 to 1 |
| 15 | `#7740b0` | `oklch(49.42% 0.1730 303.04)` | Shiner | white, 6.6 to 1 |
| 16 | `#8f3eb3` | `oklch(52.34% 0.1850 313.49)` | Akebi Purple | white, 5.9 to 1 |
| 17 | `#a73eb3` | `oklch(55.44% 0.1959 323.46)` | Vivid Fuchsia | white, 5.2 to 1 |
| 18 | `#bd3dae` | `oklch(58.39% 0.2049 333.07)` | Pink Perennial | white, 4.7 to 1 |
| 19 | `#d13da5` | `oklch(60.87% 0.2115 342.42)` | Krameria | black, 4.9 to 1 |
| 20 | `#e03c96` | `oklch(62.53% 0.2147 351.62)` | Prunus Avium | black, 5.2 to 1 |
| 21 | `#e83b82` | `oklch(63.05% 0.2140 0.76)` | Cerise Pink | black, 5.3 to 1 |
| 22 | `#e73a69` | `oklch(62.11% 0.2083 9.96)` | Fantasy Romance | black, 5.1 to 1 |
| 23 | `#dc3b4e` | `oklch(59.75% 0.1963 19.35)` | Poppy Red | black, 4.7 to 1 |
| 24 | `#c93d31` | `oklch(56.25% 0.1786 28.83)` | 100 Mph | white, 5 to 1 |
| 25 | `#b03e14` | `oklch(51.90% 0.1568 38.24)` | Azshara Vein | white, 5.9 to 1 |
| 26 | `#923e00` | `oklch(46.96% 0.1291 47.38)` | Espresso Martini | white, 7.2 to 1 |
| 27 | `#753b00` | `oklch(41.71% 0.1019 56.18)` | Bloodtracker Brown | white, 8.8 to 1 |
| 28 | `#5a3403` | `oklch(36.43% 0.0796 64.55)` | Eyelash Camel | white, 10.8 to 1 |
| 29 | `#422c0e` | `oklch(31.39% 0.0544 72.15)` | Stirland Mud | white, 13 to 1 |
| 30 | `#2f2414` | `oklch(26.87% 0.0319 78.92)` | Black Slug | white, 15.1 to 1 |
| 31 | `#201d16` | `oklch(23.14% 0.0133 84.68)` | Coco’s Black | white, 16.8 to 1 |
| 32 | `#171717` | `oklch(20.47% 0.0000 89.88)` | Cynical Black | white, 17.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eee3c7 0.0%, #e2dbba 3.2%, #ced1ab 6.5%, #b3c59c 9.7%, #92b891 12.9%, #6baa8d 16.1%, #3e9a8e 19.4%, #008992 22.6%, #007792 25.8%, #006797 29.0%, #1a599f 32.3%, #354ea1 35.5%, #4a47a6 38.7%, #6042ac 41.9%, #7740b0 45.2%, #8f3eb3 48.4%, #a73eb3 51.6%, #bd3dae 54.8%, #d13da5 58.1%, #e03c96 61.3%, #e83b82 64.5%, #e73a69 67.7%, #dc3b4e 71.0%, #c93d31 74.2%, #b03e14 77.4%, #923e00 80.6%, #753b00 83.9%, #5a3403 87.1%, #422c0e 90.3%, #2f2414 93.5%, #201d16 96.8%, #171717 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.0386 87.89) 0.0%, oklch(88.83% 0.0440 97.97) 3.2%, oklch(84.76% 0.0510 111.21) 6.5%, oklch(79.84% 0.0594 126.97) 9.7%, oklch(74.36% 0.0687 144.62) 12.9%, oklch(68.61% 0.0788 163.52) 16.1%, oklch(62.88% 0.0893 183.04) 19.4%, oklch(57.49% 0.0979 202.52) 22.6%, oklch(52.72% 0.0969 221.36) 25.8%, oklch(48.87% 0.1099 238.88) 29.0%, oklch(46.23% 0.1294 254.43) 32.3%, oklch(45.10% 0.1383 267.88) 35.5%, oklch(45.47% 0.1490 280.34) 38.7%, oklch(47.02% 0.1608 292.03) 41.9%, oklch(49.42% 0.1730 303.04) 45.2%, oklch(52.34% 0.1850 313.49) 48.4%, oklch(55.44% 0.1959 323.46) 51.6%, oklch(58.39% 0.2049 333.07) 54.8%, oklch(60.87% 0.2115 342.42) 58.1%, oklch(62.53% 0.2147 351.62) 61.3%, oklch(63.05% 0.2140 0.76) 64.5%, oklch(62.11% 0.2083 9.96) 67.7%, oklch(59.75% 0.1963 19.35) 71.0%, oklch(56.25% 0.1786 28.83) 74.2%, oklch(51.90% 0.1568 38.24) 77.4%, oklch(46.96% 0.1291 47.38) 80.6%, oklch(41.71% 0.1019 56.18) 83.9%, oklch(36.43% 0.0796 64.55) 87.1%, oklch(31.39% 0.0544 72.15) 90.3%, oklch(26.87% 0.0319 78.92) 93.5%, oklch(23.14% 0.0133 84.68) 96.8%, oklch(20.47% 0.0000 89.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.039 | 87.9 |
| 2 | 0.457 | 0.132 | 259.1 |
| 3 | 0.626 | 0.211 | 366.9 |
| 4 | 0.205 | 0 | 449.3 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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