# Navy and teal cyan palette

The Navy and teal cyan palette brings together dark blue, blue, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Vivid duotone navy to cyan linear gradient
- Seed: `kaNmy7Iz3ADksPjQp7tY7I9HE6PvytkCA`
- Page: https://grabient.com/kaNmy7Iz3ADksPjQp7tY7I9HE6PvytkCA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 14.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 | `#00104a` | `oklch(21.28% 0.1095 263.20)` | Kantor Blue | white, 17.9 to 1 |
| 2 | `#001277` | `oklch(27.57% 0.1658 264.13)` | Major Tom | white, 15.5 to 1 |
| 3 | `#065794` | `oklch(44.88% 0.1213 249.23)` | Bandana | white, 7.4 to 1 |
| 4 | `#069caf` | `oklch(63.39% 0.1089 210.13)` | Lake Blue | black, 6.3 to 1 |
| 5 | `#00d4c5` | `oklch(78.35% 0.1375 185.82)` | Turquoise Panic | black, 11.2 to 1 |
| 6 | `#26fcd9` | `oklch(88.98% 0.1598 177.37)` | Lamiaceae | black, 16 to 1 |
| 7 | `#40fee7` | `oklch(90.16% 0.1488 182.66)` | Ice Temple | black, 16.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00104a 0.0%, #001277 16.7%, #065794 33.3%, #069caf 50.0%, #00d4c5 66.7%, #26fcd9 83.3%, #40fee7 100.0%);
background: linear-gradient(90deg in oklch, oklch(21.28% 0.1095 263.20) 0.0%, oklch(27.57% 0.1658 264.13) 16.7%, oklch(44.88% 0.1213 249.23) 33.3%, oklch(63.39% 0.1089 210.13) 50.0%, oklch(78.35% 0.1375 185.82) 66.7%, oklch(88.98% 0.1598 177.37) 83.3%, oklch(90.16% 0.1488 182.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.149 | 263 |
| 2 | 0.276 | 0.169 | 264 |
| 3 | 0.449 | 0.121 | 249.2 |
| 4 | 0.634 | 0.109 | 210.1 |
| 5 | 0.783 | 0.138 | 185.8 |
| 6 | 0.89 | 0.16 | 177.4 |
| 7 | 0.902 | 0.149 | 182.7 |

## In these collections

- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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