# Indigo celadon and cream textile bands

Thirty-two horizontal swatches begin in dark ink indigo, brighten through muted blue and teal into celadon green and warm cream, then settle through pale sage-gray to soft blue-gray. The fine bands suggest a woven textile rhythm. Inspired by indigo yukata color relationships, the palette suits fabric mood boards, stationery, and subdued summer graphics.

- Also called: Navy, off-white and gray linear swatches
- Seed: `kURjXFNpw-PeLqxVDFBg`
- Page: https://grabient.com/kURjXFNpw-PeLqxVDFBg?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.7 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 | `#20234b` | `oklch(27.56% 0.0730 277.03)` | Black Market | white, 15 to 1 |
| 2 | `#21254d` | `oklch(28.29% 0.0735 276.87)` | Space Cadet | white, 14.6 to 1 |
| 3 | `#23264f` | `oklch(29.02% 0.0743 277.54)` | Space Cadet | white, 14.3 to 1 |
| 4 | `#262852` | `oklch(29.82% 0.0754 278.65)` | Pāua | white, 13.9 to 1 |
| 5 | `#292a55` | `oklch(30.74% 0.0766 279.80)` | Deep Sea Base | white, 13.5 to 1 |
| 6 | `#2c2c59` | `oklch(31.83% 0.0778 280.60)` | Deep Sea Base | white, 13 to 1 |
| 7 | `#2f305d` | `oklch(33.16% 0.0787 280.63)` | Galaxea | white, 12.3 to 1 |
| 8 | `#323462` | `oklch(34.77% 0.0794 279.50)` | Deep Koamaru | white, 11.6 to 1 |
| 9 | `#353a68` | `oklch(36.72% 0.0795 276.81)` | Rhynchites Nitens | white, 10.7 to 1 |
| 10 | `#37426f` | `oklch(39.07% 0.0790 272.17)` | Lviv Blue | white, 9.7 to 1 |
| 11 | `#384b77` | `oklch(41.87% 0.0778 265.16)` | Noble Knight | white, 8.5 to 1 |
| 12 | `#385880` | `oklch(45.36% 0.0755 254.80)` | Deep Azure | white, 7.3 to 1 |
| 13 | `#396988` | `oklch(49.99% 0.0721 239.50)` | Team Spirit | white, 5.9 to 1 |
| 14 | `#417c8f` | `oklch(55.51% 0.0678 220.37)` | Larkspur | white, 4.6 to 1 |
| 15 | `#559193` | `oklch(61.61% 0.0628 198.72)` | Bristol Blue | black, 5.8 to 1 |
| 16 | `#72a497` | `oklch(67.98% 0.0574 175.85)` | Twining Vine | black, 7.4 to 1 |
| 17 | `#94b69c` | `oklch(74.30% 0.0518 153.04)` | Garden District | black, 9.4 to 1 |
| 18 | `#b4c5a7` | `oklch(80.26% 0.0464 131.61)` | Freshwater Green | black, 11.5 to 1 |
| 19 | `#cfd3b4` | `oklch(85.57% 0.0413 112.85)` | Pickling Spice | black, 13.6 to 1 |
| 20 | `#e4dec3` | `oklch(89.89% 0.0369 98.06)` | Horseradish | black, 15.5 to 1 |
| 21 | `#f1e7cf` | `oklch(92.93% 0.0334 88.54)` | Informal Ivory | black, 17 to 1 |
| 22 | `#f6ebd6` | `oklch(94.39% 0.0310 85.56)` | Old Pearls | black, 17.8 to 1 |
| 23 | `#f4ebd6` | `oklch(94.23% 0.0296 89.31)` | Quiet Shore | black, 17.7 to 1 |
| 24 | `#ece8d2` | `oklch(92.73% 0.0289 98.63)` | Chanoyu | black, 16.9 to 1 |
| 25 | `#dee1cb` | `oklch(90.17% 0.0287 112.29)` | Vintage Beige | black, 15.7 to 1 |
| 26 | `#ced8c4` | `oklch(86.85% 0.0290 129.04)` | Garden Mint | black, 14.2 to 1 |
| 27 | `#bbcdbd` | `oklch(83.06% 0.0297 147.65)` | Jade Tinge | black, 12.5 to 1 |
| 28 | `#a9c1b7` | `oklch(79.07% 0.0305 166.89)` | Folk Tales | black, 11 to 1 |
| 29 | `#99b5b1` | `oklch(75.17% 0.0314 185.50)` | Lake Forest | black, 9.6 to 1 |
| 30 | `#8daaac` | `oklch(71.66% 0.0322 202.26)` | Hydrology | black, 8.4 to 1 |
| 31 | `#85a0a8` | `oklch(68.82% 0.0328 215.92)` | Tourmaline | black, 7.6 to 1 |
| 32 | `#809aa5` | `oklch(66.93% 0.0331 225.25)` | Beach Umbrella | black, 7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #20234b 0.000% 3.125%, #21254d 3.125% 6.250%, #23264f 6.250% 9.375%, #262852 9.375% 12.500%, #292a55 12.500% 15.625%, #2c2c59 15.625% 18.750%, #2f305d 18.750% 21.875%, #323462 21.875% 25.000%, #353a68 25.000% 28.125%, #37426f 28.125% 31.250%, #384b77 31.250% 34.375%, #385880 34.375% 37.500%, #396988 37.500% 40.625%, #417c8f 40.625% 43.750%, #559193 43.750% 46.875%, #72a497 46.875% 50.000%, #94b69c 50.000% 53.125%, #b4c5a7 53.125% 56.250%, #cfd3b4 56.250% 59.375%, #e4dec3 59.375% 62.500%, #f1e7cf 62.500% 65.625%, #f6ebd6 65.625% 68.750%, #f4ebd6 68.750% 71.875%, #ece8d2 71.875% 75.000%, #dee1cb 75.000% 78.125%, #ced8c4 78.125% 81.250%, #bbcdbd 81.250% 84.375%, #a9c1b7 84.375% 87.500%, #99b5b1 87.500% 90.625%, #8daaac 90.625% 93.750%, #85a0a8 93.750% 96.875%, #809aa5 96.875% 100.000%);
background: linear-gradient(180deg, oklch(27.56% 0.0730 277.03) 0.000% 3.125%, oklch(28.29% 0.0735 276.87) 3.125% 6.250%, oklch(29.02% 0.0743 277.54) 6.250% 9.375%, oklch(29.82% 0.0754 278.65) 9.375% 12.500%, oklch(30.74% 0.0766 279.80) 12.500% 15.625%, oklch(31.83% 0.0778 280.60) 15.625% 18.750%, oklch(33.16% 0.0787 280.63) 18.750% 21.875%, oklch(34.77% 0.0794 279.50) 21.875% 25.000%, oklch(36.72% 0.0795 276.81) 25.000% 28.125%, oklch(39.07% 0.0790 272.17) 28.125% 31.250%, oklch(41.87% 0.0778 265.16) 31.250% 34.375%, oklch(45.36% 0.0755 254.80) 34.375% 37.500%, oklch(49.99% 0.0721 239.50) 37.500% 40.625%, oklch(55.51% 0.0678 220.37) 40.625% 43.750%, oklch(61.61% 0.0628 198.72) 43.750% 46.875%, oklch(67.98% 0.0574 175.85) 46.875% 50.000%, oklch(74.30% 0.0518 153.04) 50.000% 53.125%, oklch(80.26% 0.0464 131.61) 53.125% 56.250%, oklch(85.57% 0.0413 112.85) 56.250% 59.375%, oklch(89.89% 0.0369 98.06) 59.375% 62.500%, oklch(92.93% 0.0334 88.54) 62.500% 65.625%, oklch(94.39% 0.0310 85.56) 65.625% 68.750%, oklch(94.23% 0.0296 89.31) 68.750% 71.875%, oklch(92.73% 0.0289 98.63) 71.875% 75.000%, oklch(90.17% 0.0287 112.29) 75.000% 78.125%, oklch(86.85% 0.0290 129.04) 78.125% 81.250%, oklch(83.06% 0.0297 147.65) 81.250% 84.375%, oklch(79.07% 0.0305 166.89) 84.375% 87.500%, oklch(75.17% 0.0314 185.50) 87.500% 90.625%, oklch(71.66% 0.0322 202.26) 90.625% 93.750%, oklch(68.82% 0.0328 215.92) 93.750% 96.875%, oklch(66.93% 0.0331 225.25) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.073 | 277 |
| 2 | 0.429 | 0.077 | 262.2 |
| 3 | 0.941 | 0.032 | 85.8 |
| 4 | 0.669 | 0.033 | 225.3 |

## In these collections

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

## Other forms

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