# Orange and cobalt blue color palette

The Orange and cobalt blue color palette brings together orange, gold, green, teal, blue, purple, and red. 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: Seamless rainbow linear gradient
- Seed: `kcr5EnarpEtVIxVbvcZwldHEjTxVMUEn18jDY`
- Page: https://grabient.com/kcr5EnarpEtVIxVbvcZwldHEjTxVMUEn18jDY?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: vivid, rainbow, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#e97800` | `oklch(68.90% 0.1710 54.83)` | Pumpkin Cat | black, 7.1 to 1 |
| 2 | `#eb8100` | `oklch(70.62% 0.1680 58.59)` | Bright Marigold | black, 7.6 to 1 |
| 3 | `#ef8d00` | `oklch(73.25% 0.1661 63.68)` | Saffron Gold | black, 8.5 to 1 |
| 4 | `#f49c00` | `oklch(76.32% 0.1656 69.74)` | DodgeRoll Gold | black, 9.5 to 1 |
| 5 | `#f7ab00` | `oklch(79.37% 0.1664 76.42)` | Spicy Sweetcorn | black, 10.7 to 1 |
| 6 | `#f7b814` | `oklch(81.93% 0.1654 83.40)` | Blue Angels Yellow | black, 11.8 to 1 |
| 7 | `#f1c32b` | `oklch(83.55% 0.1609 90.30)` | Freesia | black, 12.6 to 1 |
| 8 | `#e8c931` | `oklch(83.74% 0.1600 96.82)` | Soleil | black, 12.7 to 1 |
| 9 | `#d9c929` | `oklch(82.29% 0.1635 103.23)` | LED Green | black, 12.2 to 1 |
| 10 | `#c5c514` | `oklch(79.61% 0.1702 109.71)` | Cricket Chirping | black, 11.3 to 1 |
| 11 | `#adbe00` | `oklch(76.26% 0.1748 116.32)` | Yew | black, 10.1 to 1 |
| 12 | `#92b800` | `oklch(72.76% 0.1787 123.09)` | Seasoned Green | black, 9 to 1 |
| 13 | `#75b300` | `oklch(69.65% 0.1876 130.06)` | Leaf Sheep | black, 8.1 to 1 |
| 14 | `#51b114` | `oklch(67.45% 0.1991 137.26)` | Kermit Green | black, 7.6 to 1 |
| 15 | `#21b238` | `oklch(66.66% 0.1994 144.76)` | Try Your Luck | black, 7.4 to 1 |
| 16 | `#00b35d` | `oklch(67.14% 0.1746 152.53)` | Future Hair | black, 7.5 to 1 |
| 17 | `#00b679` | `oklch(68.42% 0.1534 160.55)` | Green Teal | black, 7.9 to 1 |
| 18 | `#00ba8f` | `oklch(70.04% 0.1406 168.76)` | Mountain Meadow | black, 8.3 to 1 |
| 19 | `#00bda2` | `oklch(71.51% 0.1325 177.13)` | First Post | black, 8.8 to 1 |
| 20 | `#00bfb1` | `oklch(72.39% 0.1272 185.61)` | Turquoise Topaz | black, 9 to 1 |
| 21 | `#00bdbc` | `oklch(72.19% 0.1234 194.17)` | Jade Gravel | black, 8.9 to 1 |
| 22 | `#00b5c1` | `oklch(70.53% 0.1201 202.93)` | Lago Blue | black, 8.4 to 1 |
| 23 | `#00aac1` | `oklch(67.62% 0.1179 212.09)` | Sarah’s Garden | black, 7.4 to 1 |
| 24 | `#009bbe` | `oklch(63.96% 0.1177 221.43)` | Sea Wonder | black, 6.4 to 1 |
| 25 | `#008cbb` | `oklch(60.06% 0.1207 230.77)` | Hawaiian Surf | black, 5.4 to 1 |
| 26 | `#007eb9` | `oklch(56.40% 0.1290 239.91)` | Meissen Blue | black, 4.6 to 1 |
| 27 | `#0070bd` | `oklch(53.49% 0.1462 248.64)` | French Blue | white, 5.1 to 1 |
| 28 | `#0064ce` | `oklch(51.82% 0.1822 256.76)` | Royal Navy Blue | white, 5.6 to 1 |
| 29 | `#1551ef` | `oklch(51.39% 0.2428 263.76)` | Opulent Blue | white, 6 to 1 |
| 30 | `#394cf0` | `oklch(51.82% 0.2426 269.87)` | Bright Greek | white, 6 to 1 |
| 31 | `#4f4af1` | `oklch(52.83% 0.2405 275.60)` | Saturated Sky | white, 5.8 to 1 |
| 32 | `#624af2` | `oklch(54.16% 0.2374 281.48)` | Purplish Blue | white, 5.5 to 1 |
| 33 | `#744af0` | `oklch(55.52% 0.2341 288.06)` | Candy Grape Fizz | white, 5.2 to 1 |
| 34 | `#8748eb` | `oklch(56.65% 0.2312 295.86)` | Pericallis Hybrida | white, 5 to 1 |
| 35 | `#9a42e1` | `oklch(57.32% 0.2295 305.47)` | Chaste Blossoms | white, 4.9 to 1 |
| 36 | `#ad3acf` | `oklch(57.72% 0.2283 317.46)` | Purple Yam | white, 4.8 to 1 |
| 37 | `#c030b6` | `oklch(57.99% 0.2271 331.06)` | Pink Perennial | white, 4.8 to 1 |
| 38 | `#cf2598` | `oklch(58.24% 0.2259 345.35)` | Indian Lake | white, 4.8 to 1 |
| 39 | `#da1d78` | `oklch(58.53% 0.2246 359.40)` | Vampire Love Story | white, 4.7 to 1 |
| 40 | `#e11d58` | `oklch(58.96% 0.2230 12.28)` | Radiant Raspberry | white, 4.6 to 1 |
| 41 | `#e5273a` | `oklch(59.60% 0.2211 23.05)` | Alizarin | black, 4.6 to 1 |
| 42 | `#e8331a` | `oklch(60.58% 0.2186 31.24)` | Thermic Orange | black, 4.9 to 1 |
| 43 | `#e54700` | `oklch(61.93% 0.2039 37.75)` | Baptism by Fire | black, 5.2 to 1 |
| 44 | `#e35800` | `oklch(63.49% 0.1883 42.93)` | Salsa Habañero | black, 5.6 to 1 |
| 45 | `#e46400` | `oklch(65.12% 0.1801 47.01)` | Spanish Orange | black, 6 to 1 |
| 46 | `#e66c00` | `oklch(66.67% 0.1756 50.25)` | Accent Orange | black, 6.5 to 1 |
| 47 | `#e77300` | `oklch(67.98% 0.1728 52.88)` | Thai Mango | black, 6.8 to 1 |
| 48 | `#e87900` | `oklch(68.90% 0.1702 55.18)` | First of Fall | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e97800 0.0%, #eb8100 2.1%, #ef8d00 4.3%, #f49c00 6.4%, #f7ab00 8.5%, #f7b814 10.6%, #f1c32b 12.8%, #e8c931 14.9%, #d9c929 17.0%, #c5c514 19.1%, #adbe00 21.3%, #92b800 23.4%, #75b300 25.5%, #51b114 27.7%, #21b238 29.8%, #00b35d 31.9%, #00b679 34.0%, #00ba8f 36.2%, #00bda2 38.3%, #00bfb1 40.4%, #00bdbc 42.6%, #00b5c1 44.7%, #00aac1 46.8%, #009bbe 48.9%, #008cbb 51.1%, #007eb9 53.2%, #0070bd 55.3%, #0064ce 57.4%, #1551ef 59.6%, #394cf0 61.7%, #4f4af1 63.8%, #624af2 66.0%, #744af0 68.1%, #8748eb 70.2%, #9a42e1 72.3%, #ad3acf 74.5%, #c030b6 76.6%, #cf2598 78.7%, #da1d78 80.9%, #e11d58 83.0%, #e5273a 85.1%, #e8331a 87.2%, #e54700 89.4%, #e35800 91.5%, #e46400 93.6%, #e66c00 95.7%, #e77300 97.9%, #e87900 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.90% 0.1710 54.83) 0.0%, oklch(70.62% 0.1680 58.59) 2.1%, oklch(73.25% 0.1661 63.68) 4.3%, oklch(76.32% 0.1656 69.74) 6.4%, oklch(79.37% 0.1664 76.42) 8.5%, oklch(81.93% 0.1654 83.40) 10.6%, oklch(83.55% 0.1609 90.30) 12.8%, oklch(83.74% 0.1600 96.82) 14.9%, oklch(82.29% 0.1635 103.23) 17.0%, oklch(79.61% 0.1702 109.71) 19.1%, oklch(76.26% 0.1748 116.32) 21.3%, oklch(72.76% 0.1787 123.09) 23.4%, oklch(69.65% 0.1876 130.06) 25.5%, oklch(67.45% 0.1991 137.26) 27.7%, oklch(66.66% 0.1994 144.76) 29.8%, oklch(67.14% 0.1746 152.53) 31.9%, oklch(68.42% 0.1534 160.55) 34.0%, oklch(70.04% 0.1406 168.76) 36.2%, oklch(71.51% 0.1325 177.13) 38.3%, oklch(72.39% 0.1272 185.61) 40.4%, oklch(72.19% 0.1234 194.17) 42.6%, oklch(70.53% 0.1201 202.93) 44.7%, oklch(67.62% 0.1179 212.09) 46.8%, oklch(63.96% 0.1177 221.43) 48.9%, oklch(60.06% 0.1207 230.77) 51.1%, oklch(56.40% 0.1290 239.91) 53.2%, oklch(53.49% 0.1462 248.64) 55.3%, oklch(51.82% 0.1822 256.76) 57.4%, oklch(51.39% 0.2428 263.76) 59.6%, oklch(51.82% 0.2426 269.87) 61.7%, oklch(52.83% 0.2405 275.60) 63.8%, oklch(54.16% 0.2374 281.48) 66.0%, oklch(55.52% 0.2341 288.06) 68.1%, oklch(56.65% 0.2312 295.86) 70.2%, oklch(57.32% 0.2295 305.47) 72.3%, oklch(57.72% 0.2283 317.46) 74.5%, oklch(57.99% 0.2271 331.06) 76.6%, oklch(58.24% 0.2259 345.35) 78.7%, oklch(58.53% 0.2246 359.40) 80.9%, oklch(58.96% 0.2230 12.28) 83.0%, oklch(59.60% 0.2211 23.05) 85.1%, oklch(60.58% 0.2186 31.24) 87.2%, oklch(61.93% 0.2039 37.75) 89.4%, oklch(63.49% 0.1883 42.93) 91.5%, oklch(65.12% 0.1801 47.01) 93.6%, oklch(66.67% 0.1756 50.25) 95.7%, oklch(67.98% 0.1728 52.88) 97.9%, oklch(68.90% 0.1702 55.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.2 | 54.8 |
| 2 | 0.839 | 0.16 | 95 |
| 3 | 0.669 | 0.2 | 140.4 |
| 4 | 0.72 | 0.169 | 195.4 |
| 5 | 0.52 | 0.24 | 255.6 |
| 6 | 0.571 | 0.23 | 301.1 |
| 7 | 0.598 | 0.22 | 385.6 |
| 8 | 0.689 | 0.2 | 415.2 |

## In these collections

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

## Other forms

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