# Orange and Blue: Rose and sky blue

The "Orange and Blue: Rose and sky blue" palette brings together light orange, orange, red, magenta, blue, and light blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is light blue.

- Also called: Peach, purple, blue and light blue linear gradient
- Seed: `ka1UYuWrM-Eo1Pm3nLqN6S2VCkPTtEz4g`
- Page: https://grabient.com/ka1UYuWrM-Eo1Pm3nLqN6S2VCkPTtEz4g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#f6bd87` | `oklch(83.86% 0.0965 64.69)` | Melon Balls | black, 12.5 to 1 |
| 2 | `#f5b67e` | `oklch(82.22% 0.1028 62.57)` | Sunburst | black, 11.8 to 1 |
| 3 | `#f3ac71` | `oklch(79.92% 0.1121 59.56)` | Taste of Summer | black, 10.9 to 1 |
| 4 | `#f09f64` | `oklch(77.21% 0.1225 56.07)` | Monarch Orange | black, 9.8 to 1 |
| 5 | `#ed9358` | `oklch(74.38% 0.1323 52.51)` | Chinese Lantern | black, 8.8 to 1 |
| 6 | `#e8874e` | `oklch(71.68% 0.1397 49.31)` | Autumn Glimmer | black, 7.9 to 1 |
| 7 | `#e37c46` | `oklch(69.20% 0.1444 46.97)` | Solar Flare | black, 7.2 to 1 |
| 8 | `#dd733e` | `oklch(66.74% 0.1483 45.43)` | Northern Barrens Dust | black, 6.5 to 1 |
| 9 | `#d66a37` | `oklch(64.26% 0.1507 43.93)` | Gold Drop | black, 5.9 to 1 |
| 10 | `#ce6133` | `oklch(61.74% 0.1508 41.68)` | Chilean Fire | black, 5.3 to 1 |
| 11 | `#c55836` | `oklch(59.15% 0.1478 37.89)` | Spicy Tomato | black, 4.8 to 1 |
| 12 | `#b9503d` | `oklch(56.36% 0.1403 32.16)` | Beni Shoga | white, 4.8 to 1 |
| 13 | `#a94a45` | `oklch(53.17% 0.1265 25.19)` | Pasadena Rose | white, 5.5 to 1 |
| 14 | `#97464c` | `oklch(49.91% 0.1099 17.00)` | Plum Majesty | white, 6.3 to 1 |
| 15 | `#864251` | `oklch(46.91% 0.0938 7.51)` | Sugar Beet | white, 7.2 to 1 |
| 16 | `#774055` | `oklch(44.54% 0.0819 356.67)` | Red Jade | white, 7.9 to 1 |
| 17 | `#6d3e5a` | `oklch(43.04% 0.0772 344.01)` | Royal Lines | white, 8.4 to 1 |
| 18 | `#643d63` | `oklch(42.05% 0.0791 327.98)` | Purple Odyssey | white, 8.7 to 1 |
| 19 | `#5a3e6e` | `oklch(41.57% 0.0849 310.15)` | Honey Flower | white, 8.9 to 1 |
| 20 | `#4e417a` | `oklch(41.73% 0.0921 292.56)` | Fresh Eggplant | white, 8.8 to 1 |
| 21 | `#424884` | `oklch(42.63% 0.0982 277.26)` | Queen of the Night Shift | white, 8.4 to 1 |
| 22 | `#39508b` | `oklch(44.41% 0.1013 266.19)` | Tory Blue | white, 7.7 to 1 |
| 23 | `#365b95` | `oklch(47.31% 0.1030 259.01)` | Lambent Lagoon | white, 6.7 to 1 |
| 24 | `#3968a1` | `oklch(51.10% 0.1041 254.43)` | Star Sapphire | white, 5.7 to 1 |
| 25 | `#4176ad` | `oklch(55.40% 0.1040 251.36)` | Blue Triumph | white, 4.7 to 1 |
| 26 | `#4b84ba` | `oklch(59.84% 0.1023 248.73)` | Cool Blue | black, 5.3 to 1 |
| 27 | `#5692c4` | `oklch(64.08% 0.0984 245.48)` | Come Sail Away | black, 6.3 to 1 |
| 28 | `#66a1ce` | `oklch(68.71% 0.0908 241.89)` | Alaskan Blue | black, 7.5 to 1 |
| 29 | `#79b2d7` | `oklch(73.75% 0.0804 238.54)` | Meadow Blossom Blue | black, 9.1 to 1 |
| 30 | `#8ec1e0` | `oklch(78.65% 0.0692 235.57)` | Club Cruise | black, 10.8 to 1 |
| 31 | `#a1cee8` | `oklch(82.85% 0.0592 233.11)` | Cielo | black, 12.5 to 1 |
| 32 | `#afd7ed` | `oklch(85.83% 0.0524 231.30)` | Ariel | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f6bd87 0.0%, #f5b67e 3.2%, #f3ac71 6.5%, #f09f64 9.7%, #ed9358 12.9%, #e8874e 16.1%, #e37c46 19.4%, #dd733e 22.6%, #d66a37 25.8%, #ce6133 29.0%, #c55836 32.3%, #b9503d 35.5%, #a94a45 38.7%, #97464c 41.9%, #864251 45.2%, #774055 48.4%, #6d3e5a 51.6%, #643d63 54.8%, #5a3e6e 58.1%, #4e417a 61.3%, #424884 64.5%, #39508b 67.7%, #365b95 71.0%, #3968a1 74.2%, #4176ad 77.4%, #4b84ba 80.6%, #5692c4 83.9%, #66a1ce 87.1%, #79b2d7 90.3%, #8ec1e0 93.5%, #a1cee8 96.8%, #afd7ed 100.0%);
background: linear-gradient(45deg in oklch, oklch(83.86% 0.0965 64.69) 0.0%, oklch(82.22% 0.1028 62.57) 3.2%, oklch(79.92% 0.1121 59.56) 6.5%, oklch(77.21% 0.1225 56.07) 9.7%, oklch(74.38% 0.1323 52.51) 12.9%, oklch(71.68% 0.1397 49.31) 16.1%, oklch(69.20% 0.1444 46.97) 19.4%, oklch(66.74% 0.1483 45.43) 22.6%, oklch(64.26% 0.1507 43.93) 25.8%, oklch(61.74% 0.1508 41.68) 29.0%, oklch(59.15% 0.1478 37.89) 32.3%, oklch(56.36% 0.1403 32.16) 35.5%, oklch(53.17% 0.1265 25.19) 38.7%, oklch(49.91% 0.1099 17.00) 41.9%, oklch(46.91% 0.0938 7.51) 45.2%, oklch(44.54% 0.0819 356.67) 48.4%, oklch(43.04% 0.0772 344.01) 51.6%, oklch(42.05% 0.0791 327.98) 54.8%, oklch(41.57% 0.0849 310.15) 58.1%, oklch(41.73% 0.0921 292.56) 61.3%, oklch(42.63% 0.0982 277.26) 64.5%, oklch(44.41% 0.1013 266.19) 67.7%, oklch(47.31% 0.1030 259.01) 71.0%, oklch(51.10% 0.1041 254.43) 74.2%, oklch(55.40% 0.1040 251.36) 77.4%, oklch(59.84% 0.1023 248.73) 80.6%, oklch(64.08% 0.0984 245.48) 83.9%, oklch(68.71% 0.0908 241.89) 87.1%, oklch(73.75% 0.0804 238.54) 90.3%, oklch(78.65% 0.0692 235.57) 93.5%, oklch(82.85% 0.0592 233.11) 96.8%, oklch(85.83% 0.0524 231.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.096 | 64.7 |
| 2 | 0.713 | 0.141 | 48.8 |
| 3 | 0.583 | 0.146 | 36.2 |
| 4 | 0.437 | 0.079 | -9.3 |
| 5 | 0.437 | 0.101 | -90.7 |
| 6 | 0.634 | 0.099 | -113.9 |
| 7 | 0.858 | 0.052 | -128.7 |

## In these collections

- [Orange and blue gradients](https://grabient.com/orange-and-blue-gradients)

## Other forms

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