# Dusty blue, turquoise and terracotta color palette

The Dusty blue, turquoise and terracotta color palette brings together dark purple, purple, teal, light orange, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark purple, and its lightest tone is light orange.

- Also called: Navy, teal, beige and orange linear swatches
- Seed: `kWRRLVLSLBEsYs5rkLJzza6A`
- Page: https://grabient.com/kWRRLVLSLBEsYs5rkLJzza6A?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.4 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 | `#282431` | `oklch(27.17% 0.0248 299.53)` | Cold Steel | white, 15 to 1 |
| 2 | `#4a2b61` | `oklch(35.43% 0.0951 309.04)` | Violet Indigo | white, 11.5 to 1 |
| 3 | `#488990` | `oklch(59.06% 0.0675 204.42)` | Flounce | black, 5.2 to 1 |
| 4 | `#d8ccab` | `oklch(84.65% 0.0455 90.29)` | Dance With the Wind | black, 13.1 to 1 |
| 5 | `#d06238` | `oklch(62.20% 0.1502 40.63)` | Vermilion Waxcap | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #282431 0.000% 20.000%, #4a2b61 20.000% 40.000%, #488990 40.000% 60.000%, #d8ccab 60.000% 80.000%, #d06238 80.000% 100.000%);
background: linear-gradient(180deg, oklch(27.17% 0.0248 299.53) 0.000% 20.000%, oklch(35.43% 0.0951 309.04) 20.000% 40.000%, oklch(59.06% 0.0675 204.42) 40.000% 60.000%, oklch(84.65% 0.0455 90.29) 60.000% 80.000%, oklch(62.20% 0.1502 40.63) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.025 | 299.5 |
| 2 | 0.354 | 0.095 | 309 |
| 3 | 0.591 | 0.068 | 204.4 |
| 4 | 0.846 | 0.045 | 90.3 |
| 5 | 0.622 | 0.15 | 40.6 |

## In these collections

- [Day of the Dead swatches](https://grabient.com/day-of-the-dead-swatches)
- [Halloween swatches](https://grabient.com/halloween-swatches)

## Other forms

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