# Blue and stone steel pan poster palette

The Blue and stone steel pan poster palette brings together blue, light blue, and light teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Monochrome blue to gray linear gradient
- Seed: `kUUlu8xLM-94iPrmiTsg`
- Page: https://grabient.com/kUUlu8xLM-94iPrmiTsg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#132c72` | `oklch(32.28% 0.1254 265.08)` | Blue Jinn’s | white, 12.8 to 1 |
| 2 | `#142f77` | `oklch(33.53% 0.1265 264.60)` | Below the Surface | white, 12.2 to 1 |
| 3 | `#16347c` | `oklch(35.14% 0.1283 264.01)` | Twilight Express | white, 11.5 to 1 |
| 4 | `#193a83` | `oklch(37.03% 0.1305 263.31)` | Surf the Web | white, 10.6 to 1 |
| 5 | `#1b408b` | `oklch(39.16% 0.1330 262.52)` | Blue Oblivion | white, 9.7 to 1 |
| 6 | `#1e4794` | `oklch(41.46% 0.1355 261.66)` | Cascade Twilight | white, 8.8 to 1 |
| 7 | `#214e9d` | `oklch(43.86% 0.1378 260.75)` | Sea of Tears | white, 7.9 to 1 |
| 8 | `#2455a5` | `oklch(46.31% 0.1397 259.81)` | Ruri Blue | white, 7.1 to 1 |
| 9 | `#285dae` | `oklch(48.73% 0.1410 258.84)` | Greek Flag Blue | white, 6.4 to 1 |
| 10 | `#2c64b6` | `oklch(51.06% 0.1415 257.88)` | Blue Streak | white, 5.8 to 1 |
| 11 | `#306cbc` | `oklch(53.25% 0.1410 256.93)` | Matt Blue | white, 5.2 to 1 |
| 12 | `#3572c2` | `oklch(55.30% 0.1393 256.06)` | Palace Blue | white, 4.8 to 1 |
| 13 | `#3b79c7` | `oklch(57.41% 0.1368 255.36)` | Celestial Plum | black, 4.7 to 1 |
| 14 | `#4280cc` | `oklch(59.56% 0.1334 254.78)` | Worn Denim | black, 5.2 to 1 |
| 15 | `#4a87d1` | `oklch(61.72% 0.1294 254.23)` | Blue Sonki | black, 5.6 to 1 |
| 16 | `#528ed5` | `oklch(63.86% 0.1248 253.65)` | Blue Dart | black, 6.2 to 1 |
| 17 | `#5a95d9` | `oklch(65.94% 0.1198 252.96)` | Little Boy Blue | black, 6.7 to 1 |
| 18 | `#619cdd` | `oklch(67.94% 0.1145 252.08)` | Blue Bay | black, 7.2 to 1 |
| 19 | `#68a2df` | `oklch(69.82% 0.1089 250.94)` | Windjammer | black, 7.8 to 1 |
| 20 | `#6fa8e1` | `oklch(71.55% 0.1032 249.46)` | Greek Sea | black, 8.3 to 1 |
| 21 | `#75aee2` | `oklch(73.10% 0.0975 247.58)` | Lucea | black, 8.8 to 1 |
| 22 | `#7ab2e3` | `oklch(74.44% 0.0918 245.19)` | Lucea | black, 9.3 to 1 |
| 23 | `#7eb7e2` | `oklch(75.58% 0.0854 242.03)` | Aero | black, 9.7 to 1 |
| 24 | `#83bbdf` | `oklch(76.56% 0.0783 238.20)` | Enchanting | black, 10.1 to 1 |
| 25 | `#88bedc` | `oklch(77.40% 0.0707 233.88)` | Frozen Whisper | black, 10.4 to 1 |
| 26 | `#8ec0d8` | `oklch(78.11% 0.0628 229.26)` | Boutonniere | black, 10.6 to 1 |
| 27 | `#94c2d4` | `oklch(78.71% 0.0550 224.53)` | Neptune’s Realm | black, 10.9 to 1 |
| 28 | `#9ac3d0` | `oklch(79.22% 0.0475 219.88)` | June | black, 11 to 1 |
| 29 | `#a0c4cd` | `oklch(79.66% 0.0404 215.51)` | Alluring Blue | black, 11.2 to 1 |
| 30 | `#a6c4cb` | `oklch(80.04% 0.0341 211.59)` | Skyward | black, 11.3 to 1 |
| 31 | `#aac5c9` | `oklch(80.38% 0.0288 208.33)` | Spring Storm | black, 11.5 to 1 |
| 32 | `#aec5c8` | `oklch(80.71% 0.0248 205.90)` | Blue Spruce | black, 11.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #132c72 0.0%, #142f77 3.2%, #16347c 6.5%, #193a83 9.7%, #1b408b 12.9%, #1e4794 16.1%, #214e9d 19.4%, #2455a5 22.6%, #285dae 25.8%, #2c64b6 29.0%, #306cbc 32.3%, #3572c2 35.5%, #3b79c7 38.7%, #4280cc 41.9%, #4a87d1 45.2%, #528ed5 48.4%, #5a95d9 51.6%, #619cdd 54.8%, #68a2df 58.1%, #6fa8e1 61.3%, #75aee2 64.5%, #7ab2e3 67.7%, #7eb7e2 71.0%, #83bbdf 74.2%, #88bedc 77.4%, #8ec0d8 80.6%, #94c2d4 83.9%, #9ac3d0 87.1%, #a0c4cd 90.3%, #a6c4cb 93.5%, #aac5c9 96.8%, #aec5c8 100.0%);
background: linear-gradient(90deg in oklch, oklch(32.28% 0.1254 265.08) 0.0%, oklch(33.53% 0.1265 264.60) 3.2%, oklch(35.14% 0.1283 264.01) 6.5%, oklch(37.03% 0.1305 263.31) 9.7%, oklch(39.16% 0.1330 262.52) 12.9%, oklch(41.46% 0.1355 261.66) 16.1%, oklch(43.86% 0.1378 260.75) 19.4%, oklch(46.31% 0.1397 259.81) 22.6%, oklch(48.73% 0.1410 258.84) 25.8%, oklch(51.06% 0.1415 257.88) 29.0%, oklch(53.25% 0.1410 256.93) 32.3%, oklch(55.30% 0.1393 256.06) 35.5%, oklch(57.41% 0.1368 255.36) 38.7%, oklch(59.56% 0.1334 254.78) 41.9%, oklch(61.72% 0.1294 254.23) 45.2%, oklch(63.86% 0.1248 253.65) 48.4%, oklch(65.94% 0.1198 252.96) 51.6%, oklch(67.94% 0.1145 252.08) 54.8%, oklch(69.82% 0.1089 250.94) 58.1%, oklch(71.55% 0.1032 249.46) 61.3%, oklch(73.10% 0.0975 247.58) 64.5%, oklch(74.44% 0.0918 245.19) 67.7%, oklch(75.58% 0.0854 242.03) 71.0%, oklch(76.56% 0.0783 238.20) 74.2%, oklch(77.40% 0.0707 233.88) 77.4%, oklch(78.11% 0.0628 229.26) 80.6%, oklch(78.71% 0.0550 224.53) 83.9%, oklch(79.22% 0.0475 219.88) 87.1%, oklch(79.66% 0.0404 215.51) 90.3%, oklch(80.04% 0.0341 211.59) 93.5%, oklch(80.38% 0.0288 208.33) 96.8%, oklch(80.71% 0.0248 205.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.125 | 265.1 |
| 2 | 0.539 | 0.141 | 256.6 |
| 3 | 0.74 | 0.094 | 246.1 |
| 4 | 0.807 | 0.025 | 205.9 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)

## Other forms

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