# Cobalt blue, turquoise and lime color palette

The Cobalt blue, turquoise and lime color palette brings together blue, teal, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Vivid duotone blue to lime green radial gradient
- Seed: `kWi7W8Uce-uAvurmy7icsm84`
- Page: https://grabient.com/kWi7W8Uce-uAvurmy7icsm84?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#215bff` | `oklch(54.72% 0.2494 264.38)` | Kyanite | white, 5.2 to 1 |
| 2 | `#205fff` | `oklch(55.47% 0.2453 263.77)` | Kyanite | white, 5 to 1 |
| 3 | `#2264ff` | `oklch(56.44% 0.2393 263.23)` | Bluerocratic | white, 4.8 to 1 |
| 4 | `#246aff` | `oklch(57.60% 0.2321 262.60)` | Bluerocratic | black, 4.5 to 1 |
| 5 | `#2671ff` | `oklch(58.90% 0.2242 261.74)` | Magic Fountain | black, 4.8 to 1 |
| 6 | `#2778ff` | `oklch(60.29% 0.2160 260.48)` | Clear Blue | black, 5.1 to 1 |
| 7 | `#267fff` | `oklch(61.72% 0.2080 258.69)` | Ceruleite | black, 5.5 to 1 |
| 8 | `#2086ff` | `oklch(63.14% 0.2006 256.21)` | Pool Water | black, 5.9 to 1 |
| 9 | `#0c8eff` | `oklch(64.51% 0.1946 252.89)` | Clear Chill | black, 6.3 to 1 |
| 10 | `#0096fa` | `oklch(65.97% 0.1810 248.77)` | Starfleet Blue | black, 6.7 to 1 |
| 11 | `#009ff4` | `oklch(67.53% 0.1663 243.94)` | Button Blue | black, 7.2 to 1 |
| 12 | `#00a7f0` | `oklch(69.15% 0.1546 238.51)` | Vivid Cerulean | black, 7.7 to 1 |
| 13 | `#00afec` | `oklch(70.75% 0.1454 232.59)` | Democrat | black, 8.3 to 1 |
| 14 | `#00b6e8` | `oklch(72.31% 0.1386 226.27)` | Cyanite | black, 8.8 to 1 |
| 15 | `#00bde4` | `oklch(73.75% 0.1340 219.66)` | Blue Raspberry | black, 9.3 to 1 |
| 16 | `#00c3df` | `oklch(75.03% 0.1312 212.86)` | Caribbean Blue | black, 9.8 to 1 |
| 17 | `#00c8da` | `oklch(76.09% 0.1301 205.84)` | The Crowd Roars! | black, 10.2 to 1 |
| 18 | `#00cdd2` | `oklch(76.91% 0.1308 197.93)` | Jade Glass | black, 10.6 to 1 |
| 19 | `#00d1c8` | `oklch(77.56% 0.1342 189.34)` | Blue Martina | black, 10.9 to 1 |
| 20 | `#00d4bc` | `oklch(78.09% 0.1413 180.42)` | Mint Leaf | black, 11.1 to 1 |
| 21 | `#00d8ad` | `oklch(78.58% 0.1531 171.52)` | Channel Marker Green | black, 11.4 to 1 |
| 22 | `#00dc9b` | `oklch(79.10% 0.1709 163.01)` | Reptile Green | black, 11.6 to 1 |
| 23 | `#00e083` | `oklch(79.71% 0.1962 155.23)` | Shivering Green | black, 12 to 1 |
| 24 | `#3fe26e` | `oklch(80.48% 0.2068 148.54)` | Hello Spring | black, 12.3 to 1 |
| 25 | `#5fe35d` | `oklch(81.49% 0.2108 143.05)` | Lightish Green | black, 12.6 to 1 |
| 26 | `#78e54f` | `oklch(82.74% 0.2123 138.35)` | Amazon Parrot | black, 13.1 to 1 |
| 27 | `#8ce744` | `oklch(84.13% 0.2120 134.31)` | Kiwi Green | black, 13.6 to 1 |
| 28 | `#9eea3d` | `oklch(85.57% 0.2104 130.89)` | Kiwi Pulp | black, 14.2 to 1 |
| 29 | `#acec3a` | `oklch(86.99% 0.2081 127.99)` | Sour Apple Candy | black, 14.8 to 1 |
| 30 | `#b8ef39` | `oklch(88.28% 0.2056 125.54)` | Pick Your Poison | black, 15.4 to 1 |
| 31 | `#c2f139` | `oklch(89.37% 0.2036 123.48)` | Pick Your Poison | black, 15.9 to 1 |
| 32 | `#caf237` | `oklch(90.16% 0.2026 121.71)` | Spleen Green | black, 16.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #215bff 0.0%, #205fff 3.2%, #2264ff 6.5%, #246aff 9.7%, #2671ff 12.9%, #2778ff 16.1%, #267fff 19.4%, #2086ff 22.6%, #0c8eff 25.8%, #0096fa 29.0%, #009ff4 32.3%, #00a7f0 35.5%, #00afec 38.7%, #00b6e8 41.9%, #00bde4 45.2%, #00c3df 48.4%, #00c8da 51.6%, #00cdd2 54.8%, #00d1c8 58.1%, #00d4bc 61.3%, #00d8ad 64.5%, #00dc9b 67.7%, #00e083 71.0%, #3fe26e 74.2%, #5fe35d 77.4%, #78e54f 80.6%, #8ce744 83.9%, #9eea3d 87.1%, #acec3a 90.3%, #b8ef39 93.5%, #c2f139 96.8%, #caf237 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.72% 0.2494 264.38) 0.0%, oklch(55.47% 0.2453 263.77) 3.2%, oklch(56.44% 0.2393 263.23) 6.5%, oklch(57.60% 0.2321 262.60) 9.7%, oklch(58.90% 0.2242 261.74) 12.9%, oklch(60.29% 0.2160 260.48) 16.1%, oklch(61.72% 0.2080 258.69) 19.4%, oklch(63.14% 0.2006 256.21) 22.6%, oklch(64.51% 0.1946 252.89) 25.8%, oklch(65.97% 0.1810 248.77) 29.0%, oklch(67.53% 0.1663 243.94) 32.3%, oklch(69.15% 0.1546 238.51) 35.5%, oklch(70.75% 0.1454 232.59) 38.7%, oklch(72.31% 0.1386 226.27) 41.9%, oklch(73.75% 0.1340 219.66) 45.2%, oklch(75.03% 0.1312 212.86) 48.4%, oklch(76.09% 0.1301 205.84) 51.6%, oklch(76.91% 0.1308 197.93) 54.8%, oklch(77.56% 0.1342 189.34) 58.1%, oklch(78.09% 0.1413 180.42) 61.3%, oklch(78.58% 0.1531 171.52) 64.5%, oklch(79.10% 0.1709 163.01) 67.7%, oklch(79.71% 0.1962 155.23) 71.0%, oklch(80.48% 0.2068 148.54) 74.2%, oklch(81.49% 0.2108 143.05) 77.4%, oklch(82.74% 0.2123 138.35) 80.6%, oklch(84.13% 0.2120 134.31) 83.9%, oklch(85.57% 0.2104 130.89) 87.1%, oklch(86.99% 0.2081 127.99) 90.3%, oklch(88.28% 0.2056 125.54) 93.5%, oklch(89.37% 0.2036 123.48) 96.8%, oklch(90.16% 0.2026 121.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.249 | 264.4 |
| 2 | 0.642 | 0.197 | 253.8 |
| 3 | 0.756 | 0.131 | 209.4 |
| 4 | 0.807 | 0.208 | 147.1 |
| 5 | 0.902 | 0.203 | 121.7 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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