# Champagne and dusty blue color palette

The Champagne and dusty blue color palette brings together pale orange, light orange, orange, yellow, and blue. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Beige, brown, green and blue linear gradient
- Seed: `kW9hw_5Zg-sUUvXVHEbTgzQY`
- Page: https://grabient.com/kW9hw_5Zg-sUUvXVHEbTgzQY?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.6 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 | `#fff4d8` | `oklch(96.85% 0.0386 89.30)` | Pastel Moon Creme | black, 19.1 to 1 |
| 2 | `#fcf0d2` | `oklch(95.56% 0.0411 88.53)` | Honied White | black, 18.4 to 1 |
| 3 | `#f8eaca` | `oklch(93.90% 0.0447 87.58)` | Gin Fizz | black, 17.5 to 1 |
| 4 | `#f3e3c0` | `oklch(91.93% 0.0490 86.46)` | Egg Noodle | black, 16.5 to 1 |
| 5 | `#eddbb5` | `oklch(89.69% 0.0535 85.16)` | Jodhpurs | black, 15.4 to 1 |
| 6 | `#e7d3aa` | `oklch(87.26% 0.0580 83.69)` | Morning Wheat | black, 14.2 to 1 |
| 7 | `#e1c99f` | `oklch(84.66% 0.0619 82.04)` | Biltmore Buff | black, 13.1 to 1 |
| 8 | `#dac095` | `oklch(81.97% 0.0648 80.21)` | Grain Mill | black, 11.9 to 1 |
| 9 | `#d3b78b` | `oklch(79.21% 0.0664 78.17)` | Craftsman Gold | black, 10.8 to 1 |
| 10 | `#caab82` | `oklch(75.87% 0.0664 75.06)` | Beach Coast Buff | black, 9.6 to 1 |
| 11 | `#bf9e78` | `oklch(71.98% 0.0652 71.00)` | Almond Toast | black, 8.3 to 1 |
| 12 | `#b3916e` | `oklch(67.85% 0.0632 66.57)` | Pale Brown | black, 7.1 to 1 |
| 13 | `#a78465` | `oklch(63.78% 0.0609 62.35)` | Wooden Swing | black, 6.1 to 1 |
| 14 | `#9b785d` | `oklch(60.06% 0.0587 58.92)` | Baked Sienna | black, 5.2 to 1 |
| 15 | `#926f56` | `oklch(57.01% 0.0570 56.86)` | Mocha Syrup | black, 4.6 to 1 |
| 16 | `#8b6951` | `oklch(54.92% 0.0563 56.74)` | Centaur Brown | white, 4.9 to 1 |
| 17 | `#88674d` | `oklch(54.10% 0.0571 58.95)` | Baked Cookie | white, 5.1 to 1 |
| 18 | `#8a694c` | `oklch(54.64% 0.0595 62.63)` | Neutral Valley | white, 4.9 to 1 |
| 19 | `#8e6e4c` | `oklch(56.21% 0.0632 67.61)` | Tanned Wood | white, 4.6 to 1 |
| 20 | `#94764e` | `oklch(58.44% 0.0673 73.91)` | Beaumont Brown | black, 4.9 to 1 |
| 21 | `#997f50` | `oklch(60.98% 0.0714 81.54)` | Bronzed Brass | black, 5.5 to 1 |
| 22 | `#9c8954` | `oklch(63.45% 0.0749 90.52)` | Goldbrown | black, 6.1 to 1 |
| 23 | `#9b925a` | `oklch(65.51% 0.0771 100.86)` | Tirol | black, 6.6 to 1 |
| 24 | `#959a61` | `oklch(66.78% 0.0774 112.57)` | Broad Bean | black, 7 to 1 |
| 25 | `#899e6b` | `oklch(67.09% 0.0754 126.59)` | Purslane | black, 7.1 to 1 |
| 26 | `#7aa079` | `oklch(66.80% 0.0710 144.46)` | Green Grey | black, 7.1 to 1 |
| 27 | `#6c9f88` | `oklch(66.09% 0.0650 164.87)` | Peahen | black, 6.9 to 1 |
| 28 | `#659b95` | `oklch(65.10% 0.0580 186.40)` | Soft Touch | black, 6.7 to 1 |
| 29 | `#67959c` | `oklch(63.98% 0.0508 207.62)` | Vintage Teal | black, 6.3 to 1 |
| 30 | `#6d8f9e` | `oklch(62.90% 0.0440 227.11)` | Wave Jumper | black, 6 to 1 |
| 31 | `#73899c` | `oklch(61.99% 0.0383 243.44)` | Somnambulist | black, 5.7 to 1 |
| 32 | `#778699` | `oklch(61.42% 0.0344 255.21)` | Apollo Bay | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fff4d8 0.0%, #fcf0d2 3.2%, #f8eaca 6.5%, #f3e3c0 9.7%, #eddbb5 12.9%, #e7d3aa 16.1%, #e1c99f 19.4%, #dac095 22.6%, #d3b78b 25.8%, #caab82 29.0%, #bf9e78 32.3%, #b3916e 35.5%, #a78465 38.7%, #9b785d 41.9%, #926f56 45.2%, #8b6951 48.4%, #88674d 51.6%, #8a694c 54.8%, #8e6e4c 58.1%, #94764e 61.3%, #997f50 64.5%, #9c8954 67.7%, #9b925a 71.0%, #959a61 74.2%, #899e6b 77.4%, #7aa079 80.6%, #6c9f88 83.9%, #659b95 87.1%, #67959c 90.3%, #6d8f9e 93.5%, #73899c 96.8%, #778699 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.85% 0.0386 89.30) 0.0%, oklch(95.56% 0.0411 88.53) 3.2%, oklch(93.90% 0.0447 87.58) 6.5%, oklch(91.93% 0.0490 86.46) 9.7%, oklch(89.69% 0.0535 85.16) 12.9%, oklch(87.26% 0.0580 83.69) 16.1%, oklch(84.66% 0.0619 82.04) 19.4%, oklch(81.97% 0.0648 80.21) 22.6%, oklch(79.21% 0.0664 78.17) 25.8%, oklch(75.87% 0.0664 75.06) 29.0%, oklch(71.98% 0.0652 71.00) 32.3%, oklch(67.85% 0.0632 66.57) 35.5%, oklch(63.78% 0.0609 62.35) 38.7%, oklch(60.06% 0.0587 58.92) 41.9%, oklch(57.01% 0.0570 56.86) 45.2%, oklch(54.92% 0.0563 56.74) 48.4%, oklch(54.10% 0.0571 58.95) 51.6%, oklch(54.64% 0.0595 62.63) 54.8%, oklch(56.21% 0.0632 67.61) 58.1%, oklch(58.44% 0.0673 73.91) 61.3%, oklch(60.98% 0.0714 81.54) 64.5%, oklch(63.45% 0.0749 90.52) 67.7%, oklch(65.51% 0.0771 100.86) 71.0%, oklch(66.78% 0.0774 112.57) 74.2%, oklch(67.09% 0.0754 126.59) 77.4%, oklch(66.80% 0.0710 144.46) 80.6%, oklch(66.09% 0.0650 164.87) 83.9%, oklch(65.10% 0.0580 186.40) 87.1%, oklch(63.98% 0.0508 207.62) 90.3%, oklch(62.90% 0.0440 227.11) 93.5%, oklch(61.99% 0.0383 243.44) 96.8%, oklch(61.42% 0.0344 255.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.039 | 89.3 |
| 2 | 0.799 | 0.066 | 78.7 |
| 3 | 0.543 | 0.056 | 57.6 |
| 4 | 0.669 | 0.077 | 115.7 |
| 5 | 0.614 | 0.034 | 255.2 |

## In these collections

- [Cream](https://grabient.com/cream)
- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)
- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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