# Cobalt blue and ochre steel pan poster

The Cobalt blue and ochre steel pan poster brings together blue, teal, light green, and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Tritone blue, green and tan linear gradient
- Seed: `kYaHa6SjO-d4jvBpoLlaSi7F4tPC`
- Page: https://grabient.com/kYaHa6SjO-d4jvBpoLlaSi7F4tPC?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#0e41a0` | `oklch(40.94% 0.1626 261.56)` | Space Explorer | white, 9.1 to 1 |
| 2 | `#1048a5` | `oklch(42.77% 0.1607 260.46)` | Soulstone Blue | white, 8.4 to 1 |
| 3 | `#1351ac` | `oklch(45.31% 0.1583 259.12)` | Aarhusian Sky | white, 7.5 to 1 |
| 4 | `#185bb4` | `oklch(48.31% 0.1553 257.46)` | Bottled Sea | white, 6.5 to 1 |
| 5 | `#1d66bc` | `oklch(51.53% 0.1518 255.38)` | Blue Streak | white, 5.6 to 1 |
| 6 | `#2172c4` | `oklch(54.75% 0.1477 252.79)` | Matt Blue | white, 4.9 to 1 |
| 7 | `#257dca` | `oklch(57.72% 0.1430 249.60)` | Heirloom Hydrangea | black, 4.8 to 1 |
| 8 | `#2887ce` | `oklch(60.43% 0.1371 245.81)` | Way Beyond the Blue | black, 5.4 to 1 |
| 9 | `#2e92d1` | `oklch(63.16% 0.1298 241.53)` | Splish Splash | black, 6.1 to 1 |
| 10 | `#379cd2` | `oklch(65.86% 0.1216 236.75)` | Blue Burst | black, 6.8 to 1 |
| 11 | `#41a6d3` | `oklch(68.48% 0.1134 231.42)` | Blue Tango | black, 7.6 to 1 |
| 12 | `#4bafd3` | `oklch(70.94% 0.1058 225.49)` | Epimetheus | black, 8.3 to 1 |
| 13 | `#55b7d3` | `oklch(73.19% 0.0997 218.93)` | Teal Moiré | black, 9.1 to 1 |
| 14 | `#5cbfd1` | `oklch(75.20% 0.0955 211.56)` | Skink Blue | black, 9.8 to 1 |
| 15 | `#64c6ce` | `oklch(77.06% 0.0924 202.95)` | Paradise Sky | black, 10.5 to 1 |
| 16 | `#6dccca` | `oklch(78.77% 0.0903 193.52)` | Petrichor | black, 11.1 to 1 |
| 17 | `#78d2c5` | `oklch(80.28% 0.0891 183.74)` | Turquoise Twist | black, 11.7 to 1 |
| 18 | `#82d6be` | `oklch(81.57% 0.0887 174.09)` | Mint Majesty | black, 12.3 to 1 |
| 19 | `#8dd9b8` | `oklch(82.60% 0.0890 165.05)` | Āsmānī Sky | black, 12.7 to 1 |
| 20 | `#97dbb1` | `oklch(83.33% 0.0902 157.02)` | Peaceful Pastures | black, 13 to 1 |
| 21 | `#9fdbaa` | `oklch(83.78% 0.0927 149.62)` | Green Trance | black, 13.2 to 1 |
| 22 | `#a6dba1` | `oklch(83.99% 0.0963 142.65)` | Cool Aloe | black, 13.2 to 1 |
| 23 | `#adda98` | `oklch(83.94% 0.1006 136.04)` | Cool Aloe | black, 13.2 to 1 |
| 24 | `#b3d88e` | `oklch(83.68% 0.1050 129.73)` | Fresh Lettuce | black, 13 to 1 |
| 25 | `#bad484` | `oklch(83.20% 0.1090 123.65)` | Olive Buff | black, 12.8 to 1 |
| 26 | `#bfd07a` | `oklch(82.52% 0.1122 117.72)` | Alligator Alley | black, 12.5 to 1 |
| 27 | `#c4ca6f` | `oklch(81.39% 0.1148 111.69)` | Gentle Dill | black, 11.9 to 1 |
| 28 | `#c8c263` | `oklch(79.86% 0.1172 105.66)` | Powdered Green Tea | black, 11.3 to 1 |
| 29 | `#cab959` | `oklch(78.15% 0.1194 99.92)` | Almond Puff | black, 10.6 to 1 |
| 30 | `#cbb14f` | `oklch(76.46% 0.1213 94.74)` | Gold Gleam | black, 9.9 to 1 |
| 31 | `#ccaa47` | `oklch(75.01% 0.1228 90.41)` | Yellow Lupine | black, 9.4 to 1 |
| 32 | `#cca542` | `oklch(74.02% 0.1240 87.20)` | Golden Age Gilt | black, 9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0e41a0 0.0%, #1048a5 3.2%, #1351ac 6.5%, #185bb4 9.7%, #1d66bc 12.9%, #2172c4 16.1%, #257dca 19.4%, #2887ce 22.6%, #2e92d1 25.8%, #379cd2 29.0%, #41a6d3 32.3%, #4bafd3 35.5%, #55b7d3 38.7%, #5cbfd1 41.9%, #64c6ce 45.2%, #6dccca 48.4%, #78d2c5 51.6%, #82d6be 54.8%, #8dd9b8 58.1%, #97dbb1 61.3%, #9fdbaa 64.5%, #a6dba1 67.7%, #adda98 71.0%, #b3d88e 74.2%, #bad484 77.4%, #bfd07a 80.6%, #c4ca6f 83.9%, #c8c263 87.1%, #cab959 90.3%, #cbb14f 93.5%, #ccaa47 96.8%, #cca542 100.0%);
background: linear-gradient(90deg in oklch, oklch(40.94% 0.1626 261.56) 0.0%, oklch(42.77% 0.1607 260.46) 3.2%, oklch(45.31% 0.1583 259.12) 6.5%, oklch(48.31% 0.1553 257.46) 9.7%, oklch(51.53% 0.1518 255.38) 12.9%, oklch(54.75% 0.1477 252.79) 16.1%, oklch(57.72% 0.1430 249.60) 19.4%, oklch(60.43% 0.1371 245.81) 22.6%, oklch(63.16% 0.1298 241.53) 25.8%, oklch(65.86% 0.1216 236.75) 29.0%, oklch(68.48% 0.1134 231.42) 32.3%, oklch(70.94% 0.1058 225.49) 35.5%, oklch(73.19% 0.0997 218.93) 38.7%, oklch(75.20% 0.0955 211.56) 41.9%, oklch(77.06% 0.0924 202.95) 45.2%, oklch(78.77% 0.0903 193.52) 48.4%, oklch(80.28% 0.0891 183.74) 51.6%, oklch(81.57% 0.0887 174.09) 54.8%, oklch(82.60% 0.0890 165.05) 58.1%, oklch(83.33% 0.0902 157.02) 61.3%, oklch(83.78% 0.0927 149.62) 64.5%, oklch(83.99% 0.0963 142.65) 67.7%, oklch(83.94% 0.1006 136.04) 71.0%, oklch(83.68% 0.1050 129.73) 74.2%, oklch(83.20% 0.1090 123.65) 77.4%, oklch(82.52% 0.1122 117.72) 80.6%, oklch(81.39% 0.1148 111.69) 83.9%, oklch(79.86% 0.1172 105.66) 87.1%, oklch(78.15% 0.1194 99.92) 90.3%, oklch(76.46% 0.1213 94.74) 93.5%, oklch(75.01% 0.1228 90.41) 96.8%, oklch(74.02% 0.1240 87.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.163 | 261.6 |
| 2 | 0.583 | 0.142 | 248.9 |
| 3 | 0.74 | 0.098 | 216.1 |
| 4 | 0.831 | 0.09 | 160.1 |
| 5 | 0.827 | 0.112 | 118.9 |
| 6 | 0.74 | 0.124 | 87.2 |

## In these collections

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

## Other forms

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