# Cobalt blue, orange and turquoise color palette

The Cobalt blue, orange and turquoise color palette brings together blue, purple, red, orange, gold, green, and teal. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Rainbow from blue to teal linear gradient
- Seed: `kafK61x1PFUnQSfXyMN6bpEtLIxVZPcZg`
- Page: https://grabient.com/kafK61x1PFUnQSfXyMN6bpEtLIxVZPcZg?steps=40
- Drawn as: linear gradient, 40 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.8 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 | `#005db9` | `oklch(48.82% 0.1622 255.26)` | Amnesia Blue | white, 6.4 to 1 |
| 2 | `#0059ce` | `oklch(49.57% 0.1955 259.35)` | Dead Blue Eyes | white, 6.3 to 1 |
| 3 | `#1c4fea` | `oklch(50.64% 0.2375 264.58)` | Opulent Blue | white, 6.2 to 1 |
| 4 | `#3e4ded` | `oklch(51.91% 0.2360 270.92)` | Qing Dynasty Dragon | white, 6 to 1 |
| 5 | `#584bee` | `oklch(53.23% 0.2343 278.28)` | Purplish Blue | white, 5.7 to 1 |
| 6 | `#6e48ed` | `oklch(54.47% 0.2325 286.59)` | Bluish Purple | white, 5.5 to 1 |
| 7 | `#8444e7` | `oklch(55.51% 0.2309 295.77)` | Thick Purple | white, 5.3 to 1 |
| 8 | `#973edc` | `oklch(56.20% 0.2294 306.05)` | Dreamscape Purple | white, 5.2 to 1 |
| 9 | `#ab34c9` | `oklch(56.52% 0.2281 318.64)` | Telemagenta | white, 5.1 to 1 |
| 10 | `#bd28ae` | `oklch(56.62% 0.2269 332.84)` | Amora Purple | white, 5.1 to 1 |
| 11 | `#cb1a8e` | `oklch(56.65% 0.2257 347.63)` | Snappy Violet | white, 5.1 to 1 |
| 12 | `#d50e6c` | `oklch(56.77% 0.2243 1.97)` | Dogwood Rose | white, 5.1 to 1 |
| 13 | `#db104c` | `oklch(57.12% 0.2226 14.84)` | UA Red | white, 5 to 1 |
| 14 | `#df1f2c` | `oklch(57.87% 0.2205 25.21)` | Fiery Red | white, 4.8 to 1 |
| 15 | `#e12e03` | `oklch(59.04% 0.2181 32.69)` | Dynamite Red | black, 4.6 to 1 |
| 16 | `#de4600` | `oklch(60.50% 0.1980 38.00)` | Macharius Solar Orange | black, 4.9 to 1 |
| 17 | `#de5300` | `oklch(62.18% 0.1879 41.92)` | Raging Leaf | black, 5.3 to 1 |
| 18 | `#e25e00` | `oklch(64.02% 0.1826 45.13)` | Tobiko Orange | black, 5.8 to 1 |
| 19 | `#e56800` | `oklch(65.95% 0.1786 48.36)` | Brihaspati Orange | black, 6.3 to 1 |
| 20 | `#e87200` | `oklch(67.92% 0.1739 52.31)` | Thai Mango | black, 6.8 to 1 |
| 21 | `#ea7e00` | `oklch(69.97% 0.1684 57.51)` | Bright Marigold | black, 7.4 to 1 |
| 22 | `#ed8b00` | `oklch(72.62% 0.1653 63.23)` | Elden Ring Orange | black, 8.3 to 1 |
| 23 | `#f19900` | `oklch(75.59% 0.1645 69.23)` | Kin Gold | black, 9.3 to 1 |
| 24 | `#f5a700` | `oklch(78.51% 0.1653 75.46)` | Orange Pospsicle | black, 10.4 to 1 |
| 25 | `#f6b400` | `oklch(80.99% 0.1669 81.87)` | Midas Finger Gold | black, 11.4 to 1 |
| 26 | `#f1bf23` | `oklch(82.64% 0.1618 88.39)` | Fresh Scent | black, 12.2 to 1 |
| 27 | `#e8c52d` | `oklch(83.07% 0.1598 94.96)` | Thai Temple | black, 12.4 to 1 |
| 28 | `#dac627` | `oklch(81.83% 0.1623 101.56)` | Paella | black, 12 to 1 |
| 29 | `#c6c20f` | `oklch(79.12% 0.1685 108.24)` | Cricket Chirping | black, 11.1 to 1 |
| 30 | `#adbb00` | `oklch(75.54% 0.1712 115.03)` | Snot | black, 9.8 to 1 |
| 31 | `#92b300` | `oklch(71.70% 0.1739 121.99)` | Grasping Grass | black, 8.6 to 1 |
| 32 | `#75ad00` | `oklch(68.22% 0.1813 129.16)` | Plus Ultra | black, 7.7 to 1 |
| 33 | `#4faa00` | `oklch(65.68% 0.1975 136.59)` | Yoshi | black, 7.1 to 1 |
| 34 | `#16ab2f` | `oklch(64.61% 0.1997 144.47)` | Kelley Green | black, 6.9 to 1 |
| 35 | `#00aa5c` | `oklch(64.66% 0.1646 153.55)` | Nordic Grass Green | black, 6.8 to 1 |
| 36 | `#00ab78` | `oklch(65.47% 0.1408 163.34)` | Bright Camouflage | black, 7 to 1 |
| 37 | `#00ad8d` | `oklch(66.73% 0.1280 173.12)` | Hobgoblin | black, 7.3 to 1 |
| 38 | `#00b19f` | `oklch(68.12% 0.1219 182.18)` | Pool Green | black, 7.7 to 1 |
| 39 | `#00b4ad` | `oklch(69.34% 0.1198 189.83)` | Glass Jar Blue | black, 8 to 1 |
| 40 | `#00b5b6` | `oklch(70.08% 0.1195 195.35)` | Cyan Sky | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #005db9 0.0%, #0059ce 2.6%, #1c4fea 5.1%, #3e4ded 7.7%, #584bee 10.3%, #6e48ed 12.8%, #8444e7 15.4%, #973edc 17.9%, #ab34c9 20.5%, #bd28ae 23.1%, #cb1a8e 25.6%, #d50e6c 28.2%, #db104c 30.8%, #df1f2c 33.3%, #e12e03 35.9%, #de4600 38.5%, #de5300 41.0%, #e25e00 43.6%, #e56800 46.2%, #e87200 48.7%, #ea7e00 51.3%, #ed8b00 53.8%, #f19900 56.4%, #f5a700 59.0%, #f6b400 61.5%, #f1bf23 64.1%, #e8c52d 66.7%, #dac627 69.2%, #c6c20f 71.8%, #adbb00 74.4%, #92b300 76.9%, #75ad00 79.5%, #4faa00 82.1%, #16ab2f 84.6%, #00aa5c 87.2%, #00ab78 89.7%, #00ad8d 92.3%, #00b19f 94.9%, #00b4ad 97.4%, #00b5b6 100.0%);
background: linear-gradient(90deg in oklch, oklch(48.82% 0.1622 255.26) 0.0%, oklch(49.57% 0.1955 259.35) 2.6%, oklch(50.64% 0.2375 264.58) 5.1%, oklch(51.91% 0.2360 270.92) 7.7%, oklch(53.23% 0.2343 278.28) 10.3%, oklch(54.47% 0.2325 286.59) 12.8%, oklch(55.51% 0.2309 295.77) 15.4%, oklch(56.20% 0.2294 306.05) 17.9%, oklch(56.52% 0.2281 318.64) 20.5%, oklch(56.62% 0.2269 332.84) 23.1%, oklch(56.65% 0.2257 347.63) 25.6%, oklch(56.77% 0.2243 1.97) 28.2%, oklch(57.12% 0.2226 14.84) 30.8%, oklch(57.87% 0.2205 25.21) 33.3%, oklch(59.04% 0.2181 32.69) 35.9%, oklch(60.50% 0.1980 38.00) 38.5%, oklch(62.18% 0.1879 41.92) 41.0%, oklch(64.02% 0.1826 45.13) 43.6%, oklch(65.95% 0.1786 48.36) 46.2%, oklch(67.92% 0.1739 52.31) 48.7%, oklch(69.97% 0.1684 57.51) 51.3%, oklch(72.62% 0.1653 63.23) 53.8%, oklch(75.59% 0.1645 69.23) 56.4%, oklch(78.51% 0.1653 75.46) 59.0%, oklch(80.99% 0.1669 81.87) 61.5%, oklch(82.64% 0.1618 88.39) 64.1%, oklch(83.07% 0.1598 94.96) 66.7%, oklch(81.83% 0.1623 101.56) 69.2%, oklch(79.12% 0.1685 108.24) 71.8%, oklch(75.54% 0.1712 115.03) 74.4%, oklch(71.70% 0.1739 121.99) 76.9%, oklch(68.22% 0.1813 129.16) 79.5%, oklch(65.68% 0.1975 136.59) 82.1%, oklch(64.61% 0.1997 144.47) 84.6%, oklch(64.66% 0.1646 153.55) 87.2%, oklch(65.47% 0.1408 163.34) 89.7%, oklch(66.73% 0.1280 173.12) 92.3%, oklch(68.12% 0.1219 182.18) 94.9%, oklch(69.34% 0.1198 189.83) 97.4%, oklch(70.08% 0.1195 195.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.24 | 255.2 |
| 2 | 0.559 | 0.23 | 300.7 |
| 3 | 0.579 | 0.22 | 385.2 |
| 4 | 0.689 | 0.2 | 414.8 |
| 5 | 0.831 | 0.16 | 455 |
| 6 | 0.65 | 0.2 | 500.4 |
| 7 | 0.701 | 0.169 | 555.4 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Rainbow gradients](https://grabient.com/rainbow-gradients)

## Other forms

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