# Blue indigo yukata palette

The Blue indigo yukata palette brings together blue and light blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light blue.

- Also called: Muted monochrome navy to light blue radial gradient
- Seed: `kWUUi8uac_tCiv7gmT7YhM8g`
- Page: https://grabient.com/kWUUi8uac_tCiv7gmT7YhM8g?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted, cool
- Hues: analogous
- 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 | `#192e64` | `oklch(31.89% 0.0992 265.08)` | Mythical Night | white, 12.9 to 1 |
| 2 | `#1b3168` | `oklch(32.93% 0.1000 264.91)` | Funnel Cloud | white, 12.4 to 1 |
| 3 | `#1e356c` | `oklch(34.28% 0.1013 264.68)` | Passionate Blue | white, 11.8 to 1 |
| 4 | `#213972` | `oklch(35.88% 0.1028 264.41)` | Blue Expanse | white, 11 to 1 |
| 5 | `#243e78` | `oklch(37.69% 0.1043 264.11)` | Blue Expanse | white, 10.3 to 1 |
| 6 | `#28437f` | `oklch(39.63% 0.1057 263.80)` | Mazarine Blue | white, 9.4 to 1 |
| 7 | `#2d4986` | `oklch(41.67% 0.1068 263.48)` | Florida Waters | white, 8.7 to 1 |
| 8 | `#314f8d` | `oklch(43.74% 0.1075 263.18)` | Nightly Activities | white, 7.9 to 1 |
| 9 | `#365593` | `oklch(45.79% 0.1074 262.90)` | Muted Lavender | white, 7.2 to 1 |
| 10 | `#3c5c99` | `oklch(47.99% 0.1068 262.70)` | Raftsman | white, 6.6 to 1 |
| 11 | `#4363a0` | `oklch(50.35% 0.1058 262.57)` | Mariner | white, 5.9 to 1 |
| 12 | `#4a6aa7` | `oklch(52.82% 0.1044 262.46)` | Waterline Blue | white, 5.3 to 1 |
| 13 | `#5171af` | `oklch(55.32% 0.1028 262.31)` | Ramjet | white, 4.8 to 1 |
| 14 | `#5879b5` | `oklch(57.79% 0.1008 262.08)` | Blue Android Base | black, 4.8 to 1 |
| 15 | `#6080bc` | `oklch(60.16% 0.0987 261.73)` | Watertown | black, 5.3 to 1 |
| 16 | `#6687c2` | `oklch(62.36% 0.0963 261.20)` | Royal Regatta | black, 5.8 to 1 |
| 17 | `#6c8ec6` | `oklch(64.38% 0.0938 260.48)` | Cornflower Blue | black, 6.3 to 1 |
| 18 | `#7294cb` | `oklch(66.34% 0.0907 259.76)` | Blue Shock | black, 6.8 to 1 |
| 19 | `#789acf` | `oklch(68.26% 0.0873 259.00)` | Ice Blue | black, 7.3 to 1 |
| 20 | `#7ea0d3` | `oklch(70.09% 0.0837 258.12)` | Boudoir Blue | black, 7.8 to 1 |
| 21 | `#84a6d6` | `oklch(71.79% 0.0799 257.05)` | Blue Cue | black, 8.4 to 1 |
| 22 | `#89abd9` | `oklch(73.33% 0.0762 255.71)` | Birdie Num Num | black, 8.9 to 1 |
| 23 | `#8db0db` | `oklch(74.66% 0.0727 254.03)` | Blue Skies Today | black, 9.3 to 1 |
| 24 | `#90b4dc` | `oklch(75.75% 0.0696 251.94)` | Echo Isles Water | black, 9.7 to 1 |
| 25 | `#92b7dc` | `oklch(76.55% 0.0668 249.21)` | Echo Isles Water | black, 10 to 1 |
| 26 | `#93b9db` | `oklch(77.05% 0.0642 245.62)` | Blue Beyond | black, 10.2 to 1 |
| 27 | `#93bbd9` | `oklch(77.29% 0.0616 241.46)` | Manakin | black, 10.3 to 1 |
| 28 | `#92bcd7` | `oklch(77.36% 0.0593 237.04)` | Manakin | black, 10.3 to 1 |
| 29 | `#91bcd4` | `oklch(77.32% 0.0571 232.65)` | Bonnie Blue | black, 10.3 to 1 |
| 30 | `#91bcd1` | `oklch(77.23% 0.0552 228.61)` | Reef Blue | black, 10.3 to 1 |
| 31 | `#90bdcf` | `oklch(77.15% 0.0536 225.23)` | Reef Blue | black, 10.3 to 1 |
| 32 | `#91bdcd` | `oklch(77.17% 0.0524 222.81)` | Reef Blue | black, 10.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #192e64 0.0%, #1b3168 3.2%, #1e356c 6.5%, #213972 9.7%, #243e78 12.9%, #28437f 16.1%, #2d4986 19.4%, #314f8d 22.6%, #365593 25.8%, #3c5c99 29.0%, #4363a0 32.3%, #4a6aa7 35.5%, #5171af 38.7%, #5879b5 41.9%, #6080bc 45.2%, #6687c2 48.4%, #6c8ec6 51.6%, #7294cb 54.8%, #789acf 58.1%, #7ea0d3 61.3%, #84a6d6 64.5%, #89abd9 67.7%, #8db0db 71.0%, #90b4dc 74.2%, #92b7dc 77.4%, #93b9db 80.6%, #93bbd9 83.9%, #92bcd7 87.1%, #91bcd4 90.3%, #91bcd1 93.5%, #90bdcf 96.8%, #91bdcd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0992 265.08) 0.0%, oklch(32.93% 0.1000 264.91) 3.2%, oklch(34.28% 0.1013 264.68) 6.5%, oklch(35.88% 0.1028 264.41) 9.7%, oklch(37.69% 0.1043 264.11) 12.9%, oklch(39.63% 0.1057 263.80) 16.1%, oklch(41.67% 0.1068 263.48) 19.4%, oklch(43.74% 0.1075 263.18) 22.6%, oklch(45.79% 0.1074 262.90) 25.8%, oklch(47.99% 0.1068 262.70) 29.0%, oklch(50.35% 0.1058 262.57) 32.3%, oklch(52.82% 0.1044 262.46) 35.5%, oklch(55.32% 0.1028 262.31) 38.7%, oklch(57.79% 0.1008 262.08) 41.9%, oklch(60.16% 0.0987 261.73) 45.2%, oklch(62.36% 0.0963 261.20) 48.4%, oklch(64.38% 0.0938 260.48) 51.6%, oklch(66.34% 0.0907 259.76) 54.8%, oklch(68.26% 0.0873 259.00) 58.1%, oklch(70.09% 0.0837 258.12) 61.3%, oklch(71.79% 0.0799 257.05) 64.5%, oklch(73.33% 0.0762 255.71) 67.7%, oklch(74.66% 0.0727 254.03) 71.0%, oklch(75.75% 0.0696 251.94) 74.2%, oklch(76.55% 0.0668 249.21) 77.4%, oklch(77.05% 0.0642 245.62) 80.6%, oklch(77.29% 0.0616 241.46) 83.9%, oklch(77.36% 0.0593 237.04) 87.1%, oklch(77.32% 0.0571 232.65) 90.3%, oklch(77.23% 0.0552 228.61) 93.5%, oklch(77.15% 0.0536 225.23) 96.8%, oklch(77.17% 0.0524 222.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.099 | 265.1 |
| 2 | 0.453 | 0.107 | 263 |
| 3 | 0.634 | 0.095 | 260.9 |
| 4 | 0.76 | 0.069 | 251.3 |
| 5 | 0.772 | 0.052 | 222.8 |

## In these collections

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

## Other forms

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