# Poolside Print Cabinet

Five bands move from coral red through deep teal, deep indigo, steel blue, and finish in soft black. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. Use it for retro posters, album covers, packaging, and nostalgic interface accents when the design needs several coordinated color roles.

- Also called: Muted rainbow from red to black angular swatches
- Seed: `kWgmkNRZ5UD2ezs4mjiIwdGA`
- Page: https://grabient.com/kWgmkNRZ5UD2ezs4mjiIwdGA?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: muted, rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#a93b46` | `oklch(51.18% 0.1447 18.28)` | Roses Are Red | white, 6.1 to 1 |
| 2 | `#27807a` | `oklch(54.72% 0.0827 188.42)` | Geneva Green | white, 4.7 to 1 |
| 3 | `#705080` | `oklch(48.43% 0.0841 314.17)` | Gutsy Grape | white, 6.6 to 1 |
| 4 | `#35567a` | `oklch(44.49% 0.0717 251.82)` | Star Spangled | white, 7.5 to 1 |
| 5 | `#2a2630` | `oklch(27.56% 0.0193 303.60)` | Black Onyx | white, 14.8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #a93b46 0.000% 20.000%, #27807a 20.000% 40.000%, #705080 40.000% 60.000%, #35567a 60.000% 80.000%, #2a2630 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(51.18% 0.1447 18.28) 0.000% 20.000%, oklch(54.72% 0.0827 188.42) 20.000% 40.000%, oklch(48.43% 0.0841 314.17) 40.000% 60.000%, oklch(44.49% 0.0717 251.82) 60.000% 80.000%, oklch(27.56% 0.0193 303.60) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.145 | 18.3 |
| 2 | 0.547 | 0.083 | 188.4 |
| 3 | 0.484 | 0.084 | 314.2 |
| 4 | 0.445 | 0.072 | 251.8 |
| 5 | 0.276 | 0.019 | 303.6 |

## In these collections

- [Retro swatches](https://grabient.com/retro-swatches)

## Other forms

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