# Navy, orange and turquoise color palette

The Navy, orange and turquoise color palette brings together dark blue, black, red, orange, pale green, and teal. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is pale green.

- Also called: Navy, red, orange and cyan linear gradient
- Seed: `kcQ4K0BADMbhCQ7QXj-3cHCniYyd0tEc6jZBY`
- Page: https://grabient.com/kcQ4K0BADMbhCQ7QXj-3cHCniYyd0tEc6jZBY?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 18.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 | `#00254b` | `oklch(26.39% 0.0821 253.28)` | Oxford Blue | white, 15.4 to 1 |
| 2 | `#000000` | `oklch(3.15% 0.0014 358.80)` | Black | white, 20.9 to 1 |
| 3 | `#9d0d00` | `oklch(44.10% 0.1746 30.45)` | Dragon Red | white, 8.4 to 1 |
| 4 | `#ff0812` | `oklch(62.99% 0.2556 28.39)` | Fury | black, 5.2 to 1 |
| 5 | `#ff8228` | `oklch(73.62% 0.1784 50.58)` | Fluorescent Red Orange | black, 8.4 to 1 |
| 6 | `#dcf9cb` | `oklch(94.88% 0.0675 134.06)` | Herbal Vapours | black, 18.4 to 1 |
| 7 | `#62ffff` | `oklch(91.73% 0.1303 195.35)` | Moonglade Water | black, 17.2 to 1 |
| 8 | `#00e2f9` | `oklch(83.47% 0.1435 208.04)` | Cold Heights | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00254b 0.0%, #000000 14.3%, #9d0d00 28.6%, #ff0812 42.9%, #ff8228 57.1%, #dcf9cb 71.4%, #62ffff 85.7%, #00e2f9 100.0%);
background: linear-gradient(90deg in oklch, oklch(26.39% 0.0821 253.28) 0.0%, oklch(3.15% 0.0014 358.80) 14.3%, oklch(44.10% 0.1746 30.45) 28.6%, oklch(62.99% 0.2556 28.39) 42.9%, oklch(73.62% 0.1784 50.58) 57.1%, oklch(94.88% 0.0675 134.06) 71.4%, oklch(91.73% 0.1303 195.35) 85.7%, oklch(83.47% 0.1435 208.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.179 | 253.1 |
| 2 | 0.031 | 0.001 | 358.8 |
| 3 | 0.441 | 0.182 | 390.5 |
| 4 | 0.63 | 0.259 | 388.4 |
| 5 | 0.736 | 0.181 | 410.6 |
| 6 | 0.949 | 0.068 | 494.1 |
| 7 | 0.917 | 0.143 | 555.4 |
| 8 | 0.835 | 0.149 | 568 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)
- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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