# Blue and cream autumn wedding palette

The Blue and cream autumn wedding palette brings together blue, red, and pale orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is blue, and its lightest tone is pale orange.

- Also called: Navy, blue, salmon and gray linear swatches
- Seed: `kUYxy3VZA98-sUjwjULg`
- Page: https://grabient.com/kUYxy3VZA98-sUjwjULg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 6.7 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 | `#38465a` | `oklch(38.98% 0.0386 257.34)` | Compass Blue | white, 9.6 to 1 |
| 2 | `#7e9aaf` | `oklch(67.32% 0.0441 240.44)` | Bay’s Water | black, 7.1 to 1 |
| 3 | `#c66b54` | `oklch(62.60% 0.1213 34.72)` | Raw Copper | black, 5.6 to 1 |
| 4 | `#ecd4c2` | `oklch(88.58% 0.0358 60.08)` | Enjoy | black, 14.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #38465a 0.000% 25.000%, #7e9aaf 25.000% 50.000%, #c66b54 50.000% 75.000%, #ecd4c2 75.000% 100.000%);
background: linear-gradient(90deg, oklch(38.98% 0.0386 257.34) 0.000% 25.000%, oklch(67.32% 0.0441 240.44) 25.000% 50.000%, oklch(62.60% 0.1213 34.72) 50.000% 75.000%, oklch(88.58% 0.0358 60.08) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.039 | 257.3 |
| 2 | 0.673 | 0.044 | 240.4 |
| 3 | 0.626 | 0.121 | 394.7 |
| 4 | 0.886 | 0.036 | 420.1 |

## In these collections

- [Autumn wedding swatches](https://grabient.com/autumn-wedding-swatches)

## Other forms

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