# Blue and coral presentation palette

The Blue and coral presentation palette brings together dark gray, light gray, light red, purple, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits presentation backgrounds and section dividers. Its darkest tone is dark gray, and its lightest tone is light gray.

- Also called: Muted navy, pink, purple and blue linear swatches
- Seed: `kWRhHC8gQreSXtzLIzgPZM2w`
- Page: https://grabient.com/kWRhHC8gQreSXtzLIzgPZM2w?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#242734` | `oklch(27.56% 0.0234 273.52)` | Sky Captain | white, 14.8 to 1 |
| 2 | `#dfddd5` | `oklch(89.76% 0.0110 100.21)` | Sea Fog | black, 15.4 to 1 |
| 3 | `#e2aca5` | `oklch(79.13% 0.0648 26.24)` | Coral Fountain | black, 10.6 to 1 |
| 4 | `#976aa1` | `oklch(59.06% 0.0965 319.66)` | Allium | black, 4.8 to 1 |
| 5 | `#44637a` | `oklch(48.43% 0.0524 242.52)` | Noshime Flower | white, 6.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #242734 0.000% 20.000%, #dfddd5 20.000% 40.000%, #e2aca5 40.000% 60.000%, #976aa1 60.000% 80.000%, #44637a 80.000% 100.000%);
background: linear-gradient(90deg, oklch(27.56% 0.0234 273.52) 0.000% 20.000%, oklch(89.76% 0.0110 100.21) 20.000% 40.000%, oklch(79.13% 0.0648 26.24) 40.000% 60.000%, oklch(59.06% 0.0965 319.66) 60.000% 80.000%, oklch(48.43% 0.0524 242.52) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.023 | 273.5 |
| 2 | 0.898 | 0.011 | 100.2 |
| 3 | 0.791 | 0.065 | 26.2 |
| 4 | 0.591 | 0.096 | -40.3 |
| 5 | 0.484 | 0.052 | -117.5 |

## In these collections

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

## Other forms

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