# Blue and ochre indigo yukata palette

The Blue and ochre indigo yukata palette brings together blue, purple, red, orange, yellow, green, and teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is green.

- Also called: Rainbow angular gradient
- Seed: `kcYG_Ar6nFb2pRzNqMPWKJFNsiRZUoEYyK3GA`
- Page: https://grabient.com/kcYG_Ar6nFb2pRzNqMPWKJFNsiRZUoEYyK3GA?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.6 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 | `#273491` | `oklch(37.80% 0.1530 270.70)` | Royal Night | white, 10.5 to 1 |
| 2 | `#33318c` | `oklch(37.51% 0.1461 277.76)` | Perfect Dark | white, 10.7 to 1 |
| 3 | `#3f2d82` | `oklch(37.01% 0.1361 287.72)` | Clear Purple | white, 11 to 1 |
| 4 | `#4a2a76` | `oklch(36.70% 0.1254 299.47)` | Mystic Nights | white, 11.1 to 1 |
| 5 | `#54296b` | `oklch(36.99% 0.1168 311.92)` | Purple Seduction | white, 11 to 1 |
| 6 | `#5f2a64` | `oklch(38.25% 0.1124 324.59)` | Charisma | white, 10.4 to 1 |
| 7 | `#6e2d5c` | `oklch(40.41% 0.1111 339.02)` | Pretty in Prune | white, 9.6 to 1 |
| 8 | `#7d3154` | `oklch(43.11% 0.1117 354.05)` | Possessed Plum | white, 8.5 to 1 |
| 9 | `#8a394c` | `oklch(46.02% 0.1127 8.20)` | Rushing Red | white, 7.5 to 1 |
| 10 | `#954245` | `oklch(48.81% 0.1130 19.97)` | Classic Cherry | white, 6.6 to 1 |
| 11 | `#9f4b41` | `oklch(51.66% 0.1130 28.69)` | Arabian Red | white, 5.9 to 1 |
| 12 | `#a85640` | `oklch(54.66% 0.1133 35.48)` | Cottage Spice | white, 5.1 to 1 |
| 13 | `#b06041` | `oklch(57.61% 0.1132 41.74)` | Georgia Clay | black, 4.6 to 1 |
| 14 | `#b66b41` | `oklch(60.32% 0.1122 48.86)` | Truepenny | black, 5.1 to 1 |
| 15 | `#b97640` | `oklch(62.72% 0.1095 57.72)` | Palomino | black, 5.7 to 1 |
| 16 | `#ba8243` | `oklch(64.97% 0.1051 67.44)` | Kitsurubami Brown | black, 6.3 to 1 |
| 17 | `#b78d49` | `oklch(67.00% 0.1001 77.69)` | Yellow Acorn | black, 6.9 to 1 |
| 18 | `#b39751` | `oklch(68.71% 0.0958 88.17)` | Outdoorsy | black, 7.4 to 1 |
| 19 | `#ad9f59` | `oklch(70.01% 0.0932 98.60)` | Organic Matter | black, 7.9 to 1 |
| 20 | `#a6a660` | `oklch(70.96% 0.0926 109.05)` | Rickrack | black, 8.2 to 1 |
| 21 | `#9cac68` | `oklch(71.56% 0.0930 119.65)` | Gallant Green | black, 8.5 to 1 |
| 22 | `#90b071` | `oklch(71.81% 0.0936 130.46)` | Hakusai Green | black, 8.6 to 1 |
| 23 | `#82b37c` | `oklch(71.70% 0.0938 141.57)` | Hakusai Green | black, 8.6 to 1 |
| 24 | `#74b387` | `oklch(71.17% 0.0923 153.10)` | Frosted Emerald | black, 8.5 to 1 |
| 25 | `#66b191` | `oklch(70.23% 0.0896 165.03)` | Electra | black, 8.2 to 1 |
| 26 | `#59ad9a` | `oklch(68.96% 0.0872 177.14)` | Water Park | black, 7.8 to 1 |
| 27 | `#4da8a2` | `oklch(67.46% 0.0868 189.22)` | Paradise Island | black, 7.4 to 1 |
| 28 | `#40a2a8` | `oklch(65.75% 0.0903 201.30)` | Marlin Green | black, 6.9 to 1 |
| 29 | `#2f99af` | `oklch(63.47% 0.0983 214.63)` | Pelorus | black, 6.3 to 1 |
| 30 | `#248fb6` | `oklch(60.95% 0.1087 228.00)` | Hidden Springs | black, 5.6 to 1 |
| 31 | `#2684bb` | `oklch(58.67% 0.1187 239.64)` | Mediterranean Blue | black, 5.1 to 1 |
| 32 | `#2f7cbd` | `oklch(57.09% 0.1254 247.81)` | Amalfi Coast | black, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #273491 0.0%, #33318c 3.2%, #3f2d82 6.5%, #4a2a76 9.7%, #54296b 12.9%, #5f2a64 16.1%, #6e2d5c 19.4%, #7d3154 22.6%, #8a394c 25.8%, #954245 29.0%, #9f4b41 32.3%, #a85640 35.5%, #b06041 38.7%, #b66b41 41.9%, #b97640 45.2%, #ba8243 48.4%, #b78d49 51.6%, #b39751 54.8%, #ad9f59 58.1%, #a6a660 61.3%, #9cac68 64.5%, #90b071 67.7%, #82b37c 71.0%, #74b387 74.2%, #66b191 77.4%, #59ad9a 80.6%, #4da8a2 83.9%, #40a2a8 87.1%, #2f99af 90.3%, #248fb6 93.5%, #2684bb 96.8%, #2f7cbd 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(37.80% 0.1530 270.70) 0.0%, oklch(37.51% 0.1461 277.76) 3.2%, oklch(37.01% 0.1361 287.72) 6.5%, oklch(36.70% 0.1254 299.47) 9.7%, oklch(36.99% 0.1168 311.92) 12.9%, oklch(38.25% 0.1124 324.59) 16.1%, oklch(40.41% 0.1111 339.02) 19.4%, oklch(43.11% 0.1117 354.05) 22.6%, oklch(46.02% 0.1127 8.20) 25.8%, oklch(48.81% 0.1130 19.97) 29.0%, oklch(51.66% 0.1130 28.69) 32.3%, oklch(54.66% 0.1133 35.48) 35.5%, oklch(57.61% 0.1132 41.74) 38.7%, oklch(60.32% 0.1122 48.86) 41.9%, oklch(62.72% 0.1095 57.72) 45.2%, oklch(64.97% 0.1051 67.44) 48.4%, oklch(67.00% 0.1001 77.69) 51.6%, oklch(68.71% 0.0958 88.17) 54.8%, oklch(70.01% 0.0932 98.60) 58.1%, oklch(70.96% 0.0926 109.05) 61.3%, oklch(71.56% 0.0930 119.65) 64.5%, oklch(71.81% 0.0936 130.46) 67.7%, oklch(71.70% 0.0938 141.57) 71.0%, oklch(71.17% 0.0923 153.10) 74.2%, oklch(70.23% 0.0896 165.03) 77.4%, oklch(68.96% 0.0872 177.14) 80.6%, oklch(67.46% 0.0868 189.22) 83.9%, oklch(65.75% 0.0903 201.30) 87.1%, oklch(63.47% 0.0983 214.63) 90.3%, oklch(60.95% 0.1087 228.00) 93.5%, oklch(58.67% 0.1187 239.64) 96.8%, oklch(57.09% 0.1254 247.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.153 | 270.7 |
| 2 | 0.374 | 0.114 | 317.2 |
| 3 | 0.484 | 0.113 | 378.5 |
| 4 | 0.61 | 0.112 | 411.3 |
| 5 | 0.697 | 0.094 | 455.6 |
| 6 | 0.717 | 0.094 | 503.2 |
| 7 | 0.665 | 0.088 | 556 |
| 8 | 0.571 | 0.125 | 607.8 |

## In these collections

- [Indigo yukata](https://grabient.com/indigo-yukata)

## Other forms

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