# Cobalt blue late summer lake haze

The Cobalt blue late summer lake haze brings together blue, gray, yellow, and light green. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is gray, and its lightest tone is light green.

- Also called: Blue to gray radial gradient
- Seed: `kaeTeuuoi88CLM1MFT62JXAeMQQfoC8UA`
- Page: https://grabient.com/kaeTeuuoi88CLM1MFT62JXAeMQQfoC8UA?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark to light, neutral
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4 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 | `#356185` | `oklch(47.64% 0.0758 245.39)` | Atlantic Schooner | white, 6.5 to 1 |
| 2 | `#38607f` | `oklch(47.34% 0.0681 243.31)` | Chinese Porcelain | white, 6.6 to 1 |
| 3 | `#3d5f77` | `oklch(46.85% 0.0566 241.15)` | Superior Blue | white, 6.8 to 1 |
| 4 | `#425d6f` | `oklch(46.36% 0.0439 237.71)` | Infinite Deep Sea | white, 6.9 to 1 |
| 5 | `#465c67` | `oklch(46.02% 0.0323 231.76)` | Shot Over | white, 7 to 1 |
| 6 | `#4a5b62` | `oklch(46.02% 0.0242 222.09)` | Fiord | white, 7 to 1 |
| 7 | `#4c5d5f` | `oklch(46.42% 0.0209 206.38)` | Still Waters Run Deep | white, 6.9 to 1 |
| 8 | `#4f5f5c` | `oklch(47.10% 0.0207 184.26)` | Calcite Grey Green | white, 6.7 to 1 |
| 9 | `#536259` | `oklch(48.01% 0.0225 159.52)` | Northern Glen | white, 6.4 to 1 |
| 10 | `#5a6456` | `oklch(49.10% 0.0256 136.02)` | Wet Aloeswood | white, 6.1 to 1 |
| 11 | `#636754` | `oklch(50.35% 0.0292 117.63)` | Winning Ticket | white, 5.8 to 1 |
| 12 | `#6a6a54` | `oklch(51.74% 0.0330 107.12)` | Bijoux Green | white, 5.5 to 1 |
| 13 | `#716e54` | `oklch(53.36% 0.0386 102.25)` | Burnt Olive | white, 5.1 to 1 |
| 14 | `#777355` | `oklch(55.15% 0.0450 101.08)` | Truly Olive | white, 4.7 to 1 |
| 15 | `#7d7956` | `oklch(57.03% 0.0512 101.84)` | Olive to the Max | black, 4.7 to 1 |
| 16 | `#837f57` | `oklch(58.92% 0.0562 102.76)` | Xena | black, 5.1 to 1 |
| 17 | `#89845b` | `oklch(60.77% 0.0591 102.50)` | Aged Eucalyptus | black, 5.5 to 1 |
| 18 | `#8f8a5f` | `oklch(62.69% 0.0607 102.50)` | Enchanted Wood | black, 5.9 to 1 |
| 19 | `#959064` | `oklch(64.65% 0.0612 103.05)` | Tate Olive | black, 6.4 to 1 |
| 20 | `#9a966a` | `oklch(66.60% 0.0610 104.13)` | Silk Road | black, 6.9 to 1 |
| 21 | `#9e9c71` | `oklch(68.49% 0.0601 105.68)` | Domain | black, 7.4 to 1 |
| 22 | `#a3a278` | `oklch(70.27% 0.0587 107.64)` | Dill Grass | black, 8 to 1 |
| 23 | `#a7a87f` | `oklch(72.04% 0.0564 109.77)` | Brisk Olive | black, 8.5 to 1 |
| 24 | `#aaae87` | `oklch(73.77% 0.0534 112.25)` | Wall Green | black, 9.1 to 1 |
| 25 | `#adb490` | `oklch(75.40% 0.0499 115.40)` | Lint | black, 9.6 to 1 |
| 26 | `#b0b998` | `oklch(76.88% 0.0466 119.50)` | Chrysoprase | black, 10.2 to 1 |
| 27 | `#b1bd9f` | `oklch(78.15% 0.0436 124.88)` | Jade Cameo | black, 10.6 to 1 |
| 28 | `#b1c1a7` | `oklch(79.21% 0.0409 132.72)` | Creamy Spinach | black, 11 to 1 |
| 29 | `#b1c5ae` | `oklch(80.11% 0.0381 142.38)` | Zanah | black, 11.4 to 1 |
| 30 | `#b0c7b6` | `oklch(80.85% 0.0355 152.36)` | Zanah | black, 11.7 to 1 |
| 31 | `#b0c9bb` | `oklch(81.44% 0.0333 161.13)` | Misty Morning | black, 11.9 to 1 |
| 32 | `#b1cbbf` | `oklch(81.89% 0.0317 167.19)` | Sweet Mint | black, 12.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #356185 0.0%, #38607f 3.2%, #3d5f77 6.5%, #425d6f 9.7%, #465c67 12.9%, #4a5b62 16.1%, #4c5d5f 19.4%, #4f5f5c 22.6%, #536259 25.8%, #5a6456 29.0%, #636754 32.3%, #6a6a54 35.5%, #716e54 38.7%, #777355 41.9%, #7d7956 45.2%, #837f57 48.4%, #89845b 51.6%, #8f8a5f 54.8%, #959064 58.1%, #9a966a 61.3%, #9e9c71 64.5%, #a3a278 67.7%, #a7a87f 71.0%, #aaae87 74.2%, #adb490 77.4%, #b0b998 80.6%, #b1bd9f 83.9%, #b1c1a7 87.1%, #b1c5ae 90.3%, #b0c7b6 93.5%, #b0c9bb 96.8%, #b1cbbf 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(47.64% 0.0758 245.39) 0.0%, oklch(47.34% 0.0681 243.31) 3.2%, oklch(46.85% 0.0566 241.15) 6.5%, oklch(46.36% 0.0439 237.71) 9.7%, oklch(46.02% 0.0323 231.76) 12.9%, oklch(46.02% 0.0242 222.09) 16.1%, oklch(46.42% 0.0209 206.38) 19.4%, oklch(47.10% 0.0207 184.26) 22.6%, oklch(48.01% 0.0225 159.52) 25.8%, oklch(49.10% 0.0256 136.02) 29.0%, oklch(50.35% 0.0292 117.63) 32.3%, oklch(51.74% 0.0330 107.12) 35.5%, oklch(53.36% 0.0386 102.25) 38.7%, oklch(55.15% 0.0450 101.08) 41.9%, oklch(57.03% 0.0512 101.84) 45.2%, oklch(58.92% 0.0562 102.76) 48.4%, oklch(60.77% 0.0591 102.50) 51.6%, oklch(62.69% 0.0607 102.50) 54.8%, oklch(64.65% 0.0612 103.05) 58.1%, oklch(66.60% 0.0610 104.13) 61.3%, oklch(68.49% 0.0601 105.68) 64.5%, oklch(70.27% 0.0587 107.64) 67.7%, oklch(72.04% 0.0564 109.77) 71.0%, oklch(73.77% 0.0534 112.25) 74.2%, oklch(75.40% 0.0499 115.40) 77.4%, oklch(76.88% 0.0466 119.50) 80.6%, oklch(78.15% 0.0436 124.88) 83.9%, oklch(79.21% 0.0409 132.72) 87.1%, oklch(80.11% 0.0381 142.38) 90.3%, oklch(80.85% 0.0355 152.36) 93.5%, oklch(81.44% 0.0333 161.13) 96.8%, oklch(81.89% 0.0317 167.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.076 | 245.4 |
| 2 | 0.461 | 0.023 | 220 |
| 3 | 0.508 | 0.03 | 113.3 |
| 4 | 0.598 | 0.058 | 102.7 |
| 5 | 0.697 | 0.059 | 107 |
| 6 | 0.78 | 0.044 | 123.9 |
| 7 | 0.819 | 0.032 | 167.2 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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