# Crimson, sky blue and orange summer palette

The Crimson, sky blue and orange summer palette brings together red, blue, light teal, gold, and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Muted rainbow from pink to orange radial swatches
- Seed: `kWrGQPVCCzG6Mt1suTSYLS7Q`
- Page: https://grabient.com/kWrGQPVCCzG6Mt1suTSYLS7Q?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.1 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 | `#df7172` | `oklch(67.72% 0.1378 21.09)` | Lantana | black, 6.7 to 1 |
| 2 | `#7f8fca` | `oklch(66.14% 0.0896 272.25)` | Pansy Garden | black, 6.7 to 1 |
| 3 | `#bbdcdd` | `oklch(87.01% 0.0344 199.33)` | Mech Suit | black, 14.3 to 1 |
| 4 | `#e2d345` | `oklch(85.43% 0.1571 103.17)` | Aurora | black, 13.6 to 1 |
| 5 | `#f09b40` | `oklch(75.98% 0.1447 64.07)` | Amber Glow | black, 9.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #df7172 0.000% 20.000%, #7f8fca 20.000% 40.000%, #bbdcdd 40.000% 60.000%, #e2d345 60.000% 80.000%, #f09b40 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(67.72% 0.1378 21.09) 0.000% 20.000%, oklch(66.14% 0.0896 272.25) 20.000% 40.000%, oklch(87.01% 0.0344 199.33) 40.000% 60.000%, oklch(85.43% 0.1571 103.17) 60.000% 80.000%, oklch(75.98% 0.1447 64.07) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.677 | 0.138 | 21.1 |
| 2 | 0.661 | 0.09 | -87.8 |
| 3 | 0.87 | 0.034 | -160.7 |
| 4 | 0.854 | 0.157 | -256.8 |
| 5 | 0.76 | 0.145 | -295.9 |

## In these collections

- [Blue and yellow swatches](https://grabient.com/blue-and-yellow-swatches)
- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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