# Powder blue, orange and turquoise color palette

The Powder blue, orange and turquoise color palette brings together pale blue, dark blue, orange, purple, and teal. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits presentation backgrounds and section dividers. Its darkest tone is dark blue, and its lightest tone is pale blue.

- Also called: Light blue, orange, purple and teal angular swatches
- Seed: `kW8RK1nBY_9U90hHOjPVqg0A`
- Page: https://grabient.com/kW8RK1nBY_9U90hHOjPVqg0A?style=angularSwatches&steps=5&angle=160
- Drawn as: angular swatches, 5 steps, 160 degrees
- Kinds: dark center
- Hues: rainbow
- Contrast of its darkest and lightest colors: 14.9 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 | `#e3efff` | `oklch(94.88% 0.0247 255.22)` | Brilliant White | black, 18.1 to 1 |
| 2 | `#051b36` | `oklch(22.05% 0.0606 255.23)` | Naval Night | white, 17.3 to 1 |
| 3 | `#e56e1e` | `oklch(66.93% 0.1695 48.46)` | 24 Carrot | black, 6.5 to 1 |
| 4 | `#8c56bd` | `oklch(55.91% 0.1598 305.96)` | Lusty Lavender | white, 5 to 1 |
| 5 | `#22acb9` | `oklch(68.11% 0.1102 205.57)` | Placid Sea | black, 7.6 to 1 |

## CSS

```css
background: conic-gradient(from 160deg, #e3efff 0.000% 20.000%, #051b36 20.000% 40.000%, #e56e1e 40.000% 60.000%, #8c56bd 60.000% 80.000%, #22acb9 80.000% 100.000%);
background: conic-gradient(from 160deg, oklch(94.88% 0.0247 255.22) 0.000% 20.000%, oklch(22.05% 0.0606 255.23) 20.000% 40.000%, oklch(66.93% 0.1695 48.46) 40.000% 60.000%, oklch(55.91% 0.1598 305.96) 60.000% 80.000%, oklch(68.11% 0.1102 205.57) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.025 | 255.2 |
| 2 | 0.22 | 0.061 | 255.2 |
| 3 | 0.669 | 0.169 | 408.5 |
| 4 | 0.559 | 0.16 | 306 |
| 5 | 0.681 | 0.11 | 205.6 |

## In these collections

- [Modern swatches](https://grabient.com/modern-swatches)
- [Presentation swatches](https://grabient.com/presentation-swatches)

## Other forms

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