# Cobalt blue late summer lake haze

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

- Also called: Monochrome blue and gray linear swatches
- Seed: `kWe1y0TKg-luaPhkCTuYokzQ`
- Page: https://grabient.com/kWe1y0TKg-luaPhkCTuYokzQ?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#1f60a4` | `oklch(48.43% 0.1268 253.12)` | Drakenhof Nightshade | white, 6.4 to 1 |
| 2 | `#337fb8` | `oklch(57.69% 0.1152 244.28)` | Mediterranean Blue | black, 4.8 to 1 |
| 3 | `#5ca1c6` | `oklch(67.69% 0.0887 233.71)` | Blue Grotto | black, 7.3 to 1 |
| 4 | `#8bb8c4` | `oklch(75.47% 0.0513 215.72)` | Sea Angel | black, 9.7 to 1 |
| 5 | `#aebfb8` | `oklch(78.99% 0.0218 170.07)` | Grey Embrace | black, 10.9 to 1 |
| 6 | `#beb5a5` | `oklch(77.56% 0.0248 81.93)` | Sophistication | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1f60a4 0.000% 16.667%, #337fb8 16.667% 33.333%, #5ca1c6 33.333% 50.000%, #8bb8c4 50.000% 66.667%, #aebfb8 66.667% 83.333%, #beb5a5 83.333% 100.000%);
background: linear-gradient(90deg, oklch(48.43% 0.1268 253.12) 0.000% 16.667%, oklch(57.69% 0.1152 244.28) 16.667% 33.333%, oklch(67.69% 0.0887 233.71) 33.333% 50.000%, oklch(75.47% 0.0513 215.72) 50.000% 66.667%, oklch(78.99% 0.0218 170.07) 66.667% 83.333%, oklch(77.56% 0.0248 81.93) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.484 | 0.127 | 253.1 |
| 2 | 0.602 | 0.11 | 241.5 |
| 3 | 0.72 | 0.072 | 225.6 |
| 4 | 0.787 | 0.025 | 188.7 |
| 5 | 0.776 | 0.025 | 81.9 |

## In these collections

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

## Other forms

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