# Navy and tan late summer lake haze

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

- Also called: Analogous navy, teal and gray linear swatches
- Seed: `kWNSSyrxU8cmVPLcDzwXww4I`
- Page: https://grabient.com/kWNSSyrxU8cmVPLcDzwXww4I?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.9 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 | `#05192e` | `oklch(20.87% 0.0496 251.02)` | Oxford by Night | white, 17.7 to 1 |
| 2 | `#0d3b4d` | `oklch(33.22% 0.0566 227.68)` | Gibraltar Sea | white, 11.9 to 1 |
| 3 | `#356c73` | `oklch(49.75% 0.0595 205.22)` | Aquarium | white, 5.9 to 1 |
| 4 | `#6a9991` | `oklch(64.74% 0.0521 182.80)` | Little League | black, 6.5 to 1 |
| 5 | `#9ab19d` | `oklch(73.73% 0.0390 149.14)` | Phoenix Tears | black, 9.1 to 1 |
| 6 | `#b3ae96` | `oklch(74.80% 0.0331 95.67)` | Soothing Sage | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #05192e 0.000% 16.667%, #0d3b4d 16.667% 33.333%, #356c73 33.333% 50.000%, #6a9991 50.000% 66.667%, #9ab19d 66.667% 83.333%, #b3ae96 83.333% 100.000%);
background: linear-gradient(90deg, oklch(20.87% 0.0496 251.02) 0.000% 16.667%, oklch(33.22% 0.0566 227.68) 16.667% 33.333%, oklch(49.75% 0.0595 205.22) 33.333% 50.000%, oklch(64.74% 0.0521 182.80) 50.000% 66.667%, oklch(73.73% 0.0390 149.14) 66.667% 83.333%, oklch(74.80% 0.0331 95.67) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.05 | 251 |
| 2 | 0.37 | 0.058 | 221.4 |
| 3 | 0.579 | 0.058 | 194 |
| 4 | 0.724 | 0.041 | 161.2 |
| 5 | 0.748 | 0.033 | 95.7 |

## In these collections

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

## Other forms

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