# Navy, turquoise and rose color palette

This palette moves from dark blue through light teal to magenta. It lightens and then darkens across a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Navy, teal, light blue and pink radial gradient
- Seed: `kSOirAX6039RMUk`
- Page: https://grabient.com/kSOirAX6039RMUk?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 8.6 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 | `#121a37` | `oklch(22.83% 0.0579 270.00)` | Dark Knight | white, 17 to 1 |
| 2 | `#141f3e` | `oklch(24.85% 0.0602 267.11)` | Nightwalker | white, 16.1 to 1 |
| 3 | `#172646` | `oklch(27.47% 0.0630 262.97)` | Fainting Light | white, 14.9 to 1 |
| 4 | `#192f50` | `oklch(30.60% 0.0662 257.80)` | Elite Blue | white, 13.3 to 1 |
| 5 | `#1a3a5b` | `oklch(34.15% 0.0698 251.84)` | Poseidon | white, 11.6 to 1 |
| 6 | `#1c4667` | `oklch(38.01% 0.0736 245.33)` | Terror From the Deep | white, 9.9 to 1 |
| 7 | `#1c5373` | `oklch(42.12% 0.0778 238.50)` | Midnight Sonata | white, 8.3 to 1 |
| 8 | `#1c617f` | `oklch(46.36% 0.0822 231.58)` | Blue Sapphire | white, 6.8 to 1 |
| 9 | `#1b6f8a` | `oklch(50.65% 0.0868 224.81)` | Teal Tune | white, 5.6 to 1 |
| 10 | `#1c7e95` | `oklch(54.91% 0.0915 218.42)` | Pagoda | white, 4.7 to 1 |
| 11 | `#1d8c9f` | `oklch(59.03% 0.0964 212.65)` | Waikiki | black, 5.3 to 1 |
| 12 | `#209aa9` | `oklch(62.92% 0.1014 207.72)` | Mediterranean Swirl | black, 6.2 to 1 |
| 13 | `#23a6b1` | `oklch(66.50% 0.1065 203.89)` | Exotic Sea | black, 7.1 to 1 |
| 14 | `#25b2ba` | `oklch(69.66% 0.1115 201.37)` | Marrakech Mile | black, 8.1 to 1 |
| 15 | `#25bbc3` | `oklch(72.33% 0.1166 200.40)` | Panorama Blue | black, 8.9 to 1 |
| 16 | `#21c2cc` | `oklch(74.41% 0.1216 201.22)` | Turquoise Surf | black, 9.6 to 1 |
| 17 | `#17c7d5` | `oklch(75.83% 0.1265 204.09)` | Turquoise Surf | black, 10.1 to 1 |
| 18 | `#05cae0` | `oklch(76.71% 0.1319 209.26)` | Picnic Day Sky | black, 10.4 to 1 |
| 19 | `#00c9ed` | `oklch(77.12% 0.1373 216.47)` | Picnic Day Sky | black, 10.6 to 1 |
| 20 | `#17c6f9` | `oklch(77.13% 0.1437 225.42)` | Shovel Knight | black, 10.5 to 1 |
| 21 | `#48c0ff` | `oklch(76.79% 0.1381 235.81)` | Megaman | black, 10.2 to 1 |
| 22 | `#69b8ff` | `oklch(76.15% 0.1290 247.33)` | French Sky Blue | black, 9.9 to 1 |
| 23 | `#7eafff` | `oklch(75.28% 0.1272 259.68)` | Fennel Flower | black, 9.4 to 1 |
| 24 | `#8fa5ff` | `oklch(74.23% 0.1325 272.55)` | Widowmaker | black, 9 to 1 |
| 25 | `#a099ff` | `oklch(73.05% 0.1461 285.64)` | Cobalite | black, 8.4 to 1 |
| 26 | `#b388ff` | `oklch(71.81% 0.1708 298.64)` | Lilac Geode | black, 7.9 to 1 |
| 27 | `#c678f4` | `oklch(70.56% 0.1875 311.24)` | Illicit Purple | black, 7.4 to 1 |
| 28 | `#d36ce0` | `oklch(69.35% 0.1930 323.15)` | Sensual Fumes | black, 7 to 1 |
| 29 | `#de61ca` | `oklch(68.25% 0.1980 334.05)` | Barbiecore | black, 6.6 to 1 |
| 30 | `#e657b5` | `oklch(67.31% 0.2025 343.65)` | Orion | black, 6.4 to 1 |
| 31 | `#ec50a2` | `oklch(66.59% 0.2063 351.64)` | Schiaparelli Pink | black, 6.2 to 1 |
| 32 | `#ef4a93` | `oklch(66.14% 0.2094 357.71)` | Tutuji Pink | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #121a37 0.0%, #141f3e 3.2%, #172646 6.5%, #192f50 9.7%, #1a3a5b 12.9%, #1c4667 16.1%, #1c5373 19.4%, #1c617f 22.6%, #1b6f8a 25.8%, #1c7e95 29.0%, #1d8c9f 32.3%, #209aa9 35.5%, #23a6b1 38.7%, #25b2ba 41.9%, #25bbc3 45.2%, #21c2cc 48.4%, #17c7d5 51.6%, #05cae0 54.8%, #00c9ed 58.1%, #17c6f9 61.3%, #48c0ff 64.5%, #69b8ff 67.7%, #7eafff 71.0%, #8fa5ff 74.2%, #a099ff 77.4%, #b388ff 80.6%, #c678f4 83.9%, #d36ce0 87.1%, #de61ca 90.3%, #e657b5 93.5%, #ec50a2 96.8%, #ef4a93 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(24.85% 0.0602 267.11) 3.2%, oklch(27.47% 0.0630 262.97) 6.5%, oklch(30.60% 0.0662 257.80) 9.7%, oklch(34.15% 0.0698 251.84) 12.9%, oklch(38.01% 0.0736 245.33) 16.1%, oklch(42.12% 0.0778 238.50) 19.4%, oklch(46.36% 0.0822 231.58) 22.6%, oklch(50.65% 0.0868 224.81) 25.8%, oklch(54.91% 0.0915 218.42) 29.0%, oklch(59.03% 0.0964 212.65) 32.3%, oklch(62.92% 0.1014 207.72) 35.5%, oklch(66.50% 0.1065 203.89) 38.7%, oklch(69.66% 0.1115 201.37) 41.9%, oklch(72.33% 0.1166 200.40) 45.2%, oklch(74.41% 0.1216 201.22) 48.4%, oklch(75.83% 0.1265 204.09) 51.6%, oklch(76.71% 0.1319 209.26) 54.8%, oklch(77.12% 0.1373 216.47) 58.1%, oklch(77.13% 0.1437 225.42) 61.3%, oklch(76.79% 0.1381 235.81) 64.5%, oklch(76.15% 0.1290 247.33) 67.7%, oklch(75.28% 0.1272 259.68) 71.0%, oklch(74.23% 0.1325 272.55) 74.2%, oklch(73.05% 0.1461 285.64) 77.4%, oklch(71.81% 0.1708 298.64) 80.6%, oklch(70.56% 0.1875 311.24) 83.9%, oklch(69.35% 0.1930 323.15) 87.1%, oklch(68.25% 0.1980 334.05) 90.3%, oklch(67.31% 0.2025 343.65) 93.5%, oklch(66.59% 0.2063 351.64) 96.8%, oklch(66.14% 0.2094 357.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.058 | 270 |
| 2 | 0.752 | 0.124 | 202.4 |
| 3 | 0.661 | 0.209 | 357.7 |

## In these collections

- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)
- [Locker sticker collage](https://grabient.com/locker-sticker-collage)

## Other forms

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